Well, persistance pays off, but I still have a headache!
I tried the Cufon.set like below, but got no help with the HOVER.
<![CDATA[
Cufon.set('forceHitArea', 'true');
Cufon.set('hover', 'true');
Cufon.set('hoverables', 'a:true');
Cufon.replace('.blogtitle', { fontFamily: 'Celexa',
color:'#990000' });
Cufon.replace('.blogtitle a', { fontFamily: 'Celexa',
color:'#990000' });
//]]>
I had the wrong path for the cufon-ui.js: "<?php bloginfo
('template_directory'); ?>/cufon-yui.js"
which was tricky with WordPress, but finally got it right.
<script src="<?php bloginfo('template_directory'); ?>/cufon-yui.js"
type="text/javascript"></script>
(BEFORE PROTOTYPE ! in the header...)
<script src="<?php bloginfo('template_directory'); ?>/
Celexa_400.font.js" type="text/javascript" charset="utf-8"></script>
I had chosen a random font file for my testing, not knowing that the
cufon generator messed up the font translation (or it wasn't a totaly
FREE font). I thought to choose a different font -- and it worked!
And make SURE you get the
www.edparton.com and
edparton.com right in
the Cufon Generator "Limit usage to the following domain(s)" just
replace your EXACT domain and NO extra spaces...
The prototype.js line: 464 error was caused by prototype being loaded
in the background (by WordPress) and I was trying to load it in the
header too!
And I got lucky with the LightBox because it just worked ! (glad the
same ProtoType.js file worked for the CUFON and the LightBox !
So, check your path (especially WordPress), use a different CUFON
generated font, and don't load ProtoType two times!
Hope this post helps a bunch of people not waste a weekend hunting
down little bugs, gremlins, and net boogers.
So I offer two pages for review and sample:
http://www.edparton.com/blog
http://www.jollymoon.info/000/demo.html (demo very complicated setup)
http://www.nanyana.com (FINAL to be finished soon from above DEMO)
Thanx, Mucho Gracis, Gratsi, Merci, Danke, Arigato, ect, ect.
keep up the good work
----------------------------