Comments on: Coding Apple’s Navigation Bar Using CSS Sprites

By: Behrouz

Behrouz — Wed, 11 Jan 2012 10:49:04 +0000

Hi
Thanks for tutorial, but I have a question for you, as well.
How we can make the current page list(menu) highlighted?
As you know when we select any pages(let’s say support) how the user should know on which page he/she is visiting at the time?!

Thanks again

By: Sameer Khan

Sameer Khan — Thu, 01 Dec 2011 13:46:59 +0000

Great tutorial…
Thanks!!!!

By: BaseKit

BaseKit — Fri, 11 Nov 2011 14:11:42 +0000

Great tutorial. Really helpful comments too! Thanks.

By: z8137

z8137 — Thu, 27 Oct 2011 23:17:31 +0000

It would be nice if you could supply the .PSD for this… Took me a while to get the exact measurements.

By: Kunal

Kunal — Thu, 13 Oct 2011 15:23:14 +0000

Another cool implementation of CSS sprite: Dynamic CSS Sprite implementation to give a painting effect. Read how to implement it by reading an easy to follow tutorial at http://blog.kunals.com/dynamic-css-sprite-implementation-gives-a-painting-effect/

By: googoo

googoo — Fri, 30 Sep 2011 21:26:28 +0000

this is a very clear tutorial for a person who new to css. THANK YOU!

By: Shane Jeffers

Shane Jeffers — Wed, 03 Aug 2011 13:11:28 +0000

@angie

How to add an active state

1. You would need to create the active state image and add it to the bottom of the sprite.
2. Use jQuery to add the active class.
3. Adjust the CSS down to the active state portion of the sprite when the class is applied.

By: Matt

Matt — Thu, 28 Jul 2011 14:42:31 +0000

I still don’t see a comment where it has solved this nav’s inability to “stick” to a certain color for the current active page. Could someone please answer this for me and all of those who have already expressed a need for it?

Thank you!

By: Brent Van den Abbeele

Brent Van den Abbeele — Sat, 18 Jun 2011 14:48:55 +0000

Thanks, great tutorial. To bad dreamweaver can’t take it when you preview it in safari, but everything’s fine when uploaded.

By: angie hodder

angie hodder — Mon, 13 Jun 2011 17:37:08 +0000

Hi Shane,

I’m new to this and your tutorial worked really well for me, but I can’t figure out how to make the active state? How can we make this state for the page we are on?

Thanks!!