Hey guys. I made this navigation panel.

What I want is a script or something to make the little white boxes kind of GLOW when you hover over the link. What would I need for that?

Here's the pic:

Build a rollover image that glows, then make the state change with a sprite:
http://www.alistapart.com/articles/sprites/

Originally Posted by wayfarer07

Build a rollover image that glows, then make the state change with a sprite:
http://www.alistapart.com/articles/sprites/

You think you can help me a bit here. I'm not an expert with CSS so yeah.

Just kind of help me get started? xD

if you are not an expert, sprites might be a little hard at first. But do understand they are VERY good to know. Using CSS sprites can reduce the amount of http requests, they also allow moused over image to appear instantly rather than having to preload the mouseover image. Do learn them.

Apart from that, what wayfarerO7 is saying is to make a copy the same image you have for a navigation item but add a mouseover effect like the glow you want. You now would have TWO images for one navigation item. One for the regular state and ine for moused over state.

Then in your CSS you would do something like:

a.home:link {
background: url(nav_regular.jpg)
}

a.home:hover {
background: url(nav_mousedOver.jpg)
}

(Ugly css I know)
Using the sprite method, you would create ONE image that had both states and adjust the background property instead of the image upon mousover.