FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


navigation help





viperbattlefield
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
GB
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:
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>
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!
Donutey
using css:

Code:

a
{
background-image: url('normalbutton.jpg');
}

a:hover
{
background-image: url('hover.jpg');
}
Related topics
Logo in navigation bar
What wrong with this js file ? Need help .
Need help fixing my php file
CSS a:hover and tables problem. Help really needed?
Help with navigation
indexing help
Same navigation bar on multiple pages
HELP! iFrames opening in new window.
JAVASCRIPT FUNCTION- ONCLICK HELP!!
Redesign my Website Help
Php help for site.....
WordPress Navigation List Plugin NAVT
Need the Code script for this website navigation
can i help?
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.