on my site www.hangout.co.nr i think the navigation would be cooler if it worked like buttons. like when you hover over them they come out then when you click it it like "pushes in". does anyone know how to do that? plz reply
navigation help
It isn't that difficult. HTML Dog has a very good article on how to do the dropdown menus--even I can follow it. It is basically just an unnumbered list that you show and hide as the user rolls over the navigation button.
The "pushed" in look can be accomplished using javascript. Just create two different versions of your button (one normal and one that looks "pushed in"). You can name them something like button1_base and button1_over. Here's the code I use:
etc.
I believe you can do this with CSS, too using CSS images. This probably would be better, but maybe someone else can help out with this one?
Hope this helps!
The "pushed" in look can be accomplished using javascript. Just create two different versions of your button (one normal and one that looks "pushed in"). You can name them something like button1_base and button1_over. Here's the code I use:
| Code: |
| <a onmouseover="changeImages('button1_Base','images/button1_Over.jpg');return true"
onmouseout="changeImages('button1_Base','images/button1_Base.jpg');return true" href="index.html"><img id="button1_Base" src="images/button1_Base.jpg" alt="button1 text" name="button1_Base" height="70" width="59" border="0"></a> |
I believe you can do this with CSS, too using CSS images. This probably would be better, but maybe someone else can help out with this one?
Hope this helps!
using css:
| Code: |
|
a { background-image: url('normalbutton.jpg'); } a:hover { background-image: url('hover.jpg'); } |
 |