How to Use CSS Sprites With Son of Suckerfish Drop Downs

So recently I was working on a project that required image based navigation AND drop down menus. From the get-go I decided to use CSS Sprites for the tabbed menu for the normal, active and hover styles. I also decided the best way to implement the drop down was to use the “Son of Suckerfish” drop down menus heavily modified from the original code to fit in with the original programming I had done for the menu.

I’ve explained before how to use CSS Sprites for changing images, so I won’t go into too many more details on how to accomplish this, but to recreate this for your own site you will need to create one sprite for your normal tab, hovered and current/active tab. That’s three sets of tabs in one file.

(more…)

Link to the original site    Link to feed

        

Guest Posts

If you want to guest post on Serradinho, please visit our Guest Posting Guidelines

Bookmark/Share

Other Interesting Posts:

• CSS Sprites – Easily Use CSS To Replace Images
• WordPress Plugin Releases for 6/30
• Rounded Corner Boxes With Expandable Heights Using CSS and Images
• No Points for Subscribing to my RSS Feed?
• Live Blogroll
• Create Full Width Header & Footer With Centered Content Using CSS
• Pixel site increase

Author Information

Article by George Serradinho

I am the proud owner of Serradinho and have made this my second home. I'm into blogging, downloads, WordPress and the internet in general. I also love meeting and helping others and learning new techniques.