Silver Hover Navigation Bar

upestana_ at 13h16
07
Dec
2011
Font: BankGothic Md BT (Included on the download below)
Font Size: 11 pt
Blank Image

Creation File: No


Live Preview Here

Here is the code to be use with this nav bar, u may have to change the links.
Code:
#i_icon_mini_index{width:79px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Home.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Home.png) no-repeat 0 -44px;}

#i_icon_mini_portal{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Portal.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Portal.png) no-repeat  0 -44px;}

#i_icon_mini_gallery{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Gallery.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Gallery.png) no-repeat  0 -44px;}

#i_icon_mini_calendar{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Calendar.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Calendar.png) no-repeat  0 -44px;}

#i_icon_mini_faq{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/FAQ.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/FAQ.png) no-repeat  0 -44px;}

#i_icon_mini_search{width:81px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Search.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Search.png) no-repeat  0 -44px;}

#i_icon_mini_members{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Members.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Members.png) no-repeat  0 -44px;}

#i_icon_mini_groups{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Groups.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Groups.png) no-repeat  0 -44px;}

#i_icon_mini_profile{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Profile.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Profile.png) no-repeat  0 -44px;}

#i_icon_mini_message{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Message.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Message.png) no-repeat 0 -44px;}

#i_icon_mini_new_message{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/New_pm.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/New_pm.png) no-repeat  0 -44px;}

#i_icon_mini_logout{width:78px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Logout.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Logout.png) no-repeat  0 -44px;}

#i_icon_mini_register{width:80px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Register.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Register.png) no-repeat  0 -44px;}

#i_icon_mini_login{width:78px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Silver_Nav/Login.png) no-repeat  0 -44px;}


Download Here
Reply
1 WHITESABBATH, on 07/12/2011 at 16h02
Well done upestana.
10/10
2 Kalimdor, on 07/12/2011 at 16h14
Very nice work Smile 10/10
3 Th1nK, on 07/12/2011 at 16h18
Good work 10/10!
4 DustyBones, on 08/12/2011 at 01h18
Very nice!
10/10
Love your work, keep it up!
5 Rocker92, on 09/12/2011 at 01h16
Your proposal has been accepted, congratulations!
Similar topics
What are the codes for Navigation bar Hover?
I need the codes to hover my images on the navigation bar Can someone give me the codes? I got PUNBB
Blue arrow hover : navigation hover bar
Blue arrow hover : navigation hover bar Font: Gill Sans MT Font Size: 20pt Regular smooth Blank Image
Light Blue & Silver Navigation Bar
Just made a new navigation bar,
Replies 1 to 5 on 5 for "Silver Hover Navigation Bar "
Reply
See also
more_less
Informations

5 Replies For the topic :
"Silver Hover Navigation Bar "

This topic has been viewed 1725 times.

Last message :
07/12/2011 at 13h16 by "upestana_"