- PSD Supplied?
- No
- Changes made upon request?
- No
Font: BankGothic Md BT Medium (Included on the download below)
Original psd, anything can be edit, Just dont take the credit. (Included on the download below)
Here is the code to be use with this nav bar, u may have to change the links.
Original psd, anything can be edit, Just dont take the credit. (Included on the download below)
Here is the code to be use with this nav bar, u may have to change the links.
Code:
#i_icon_mini_index{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Home.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Home.png) no-repeat 0 -44px;}
#i_icon_mini_portal{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Portal.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Portal.png) no-repeat 0 -44px;}
#i_icon_mini_gallery{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Gallery.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Gallery.png) no-repeat 0 -44px;}
#i_icon_mini_calendar{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Calendar.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Calendar.png) no-repeat 0 -44px;}
#i_icon_mini_faq{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/FAQ.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/FAQ.png) no-repeat 0 -44px;}
#i_icon_mini_search{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Search.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Search.png) no-repeat 0 -44px;}
#i_icon_mini_members{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Members.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Members.png) no-repeat 0 -44px;}
#i_icon_mini_groups{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Groups.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Groups.png) no-repeat 0 -44px;}
#i_icon_mini_profile{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Profile.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Profile.png) no-repeat 0 -44px;}
#i_icon_mini_message{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Message.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Message.png) no-repeat 0 -44px;}
#i_icon_mini_new_message{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/New_pm.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/New_pm.png) no-repeat 0 -44px;}
#i_icon_mini_logout{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Logout.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Logout.png) no-repeat 0 -44px;}
#i_icon_mini_register{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Register.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Register.png) no-repeat 0 -44px;}
#i_icon_mini_login{width:82px; height:44px; background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://www.thomasbenacci.co.uk/files/Green_Nav/Login.png) no-repeat 0 -44px;}