featured

My Favorite Wordpress Plugins

I don't know how many of these posts I have read, but in the spirit of spamming the internet, here is my list of my all time favorite WordPress plug-ins. When picking a plug-in, I keep in mind that I will not be making the updates, but my clients will be. So I try to pick plug-ins that are easy... Read More...

RSS
tsl

sIFR Change Color on Roll Over

By Head Lounger • October 17th, 2009 • Bugs/Fixes

In a latest project, I had to add keep the designers font throughout the site. So the solution I ended up with is sIFR. I wanted to avoid using images for all links.

I started out using sIFR on the li and not on the achors. Then you can manipulate the a:hover tag. However, when you start getting into second level (sub-lists), things got complicated.

So here’s the code snippet I had used on the anchor tag.

,onRollOver: function(fi) { fi.changeCSS('.sIFR-root { letter-spacing: 1.2; color: #F6DA07;text-transform:uppercase; cursor:pointer;}'); },onRollOut: function(cb) { cb.changeCSS('.sIFR-root { letter-spacing: 1.2;text-transform:uppercase;cursor:pointer;color: #ffffff;}');},

That is it!

This went into a Magento Cart. The client was very pleased we were able to keep the same font.

 

Leave a Reply

You must be logged in to post a comment.