Resource icon

Universal Green Hover Navigation Bar 2014-11-11

No permission to download

RodneyM

Enthusiast
Joined
Dec 5, 2011
Messages
240
CP's

Font: BankGothic Md BT Medium (Included on the download below)
awww.thomasbenacci.co.uk_files_Green_Nav_Green_Hover_Nav_Bar_Empty.png
Original psd, anything can be edit, Just dont take the credit. (Included on the download below)

awww.thomasbenacci.co.uk_files_Green_Nav_Home.png awww.thomasbenacci.co.uk_files_Green_Nav_Portal.png awww.thomasbenacci.co.uk_files_Green_Nav_Gallery.png awww.thomasbenacci.co.uk_files_Green_Nav_Calendar.png awww.thomasbenacci.co.uk_files_Green_Nav_FAQ.png awww.thomasbenacci.co.uk_files_Green_Nav_Search.png awww.thomasbenacci.co.uk_files_Green_Nav_Members.png awww.thomasbenacci.co.uk_files_Green_Nav_Groups.png awww.thomasbenacci.co.uk_files_Green_Nav_Profile.png awww.thomasbenacci.co.uk_files_Green_Nav_Message.png awww.thomasbenacci.co.uk_files_Green_Nav_New_pm.png awww.thomasbenacci.co.uk_files_Green_Nav_Register.png awww.thomasbenacci.co.uk_files_Green_Nav_Logout.png awww.thomasbenacci.co.uk_files_Green_Nav_Login.png

Click Here To See Live Preview

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;}

Where are the Control Panels?
 

bjbrooks34

Aspirant
Joined
Aug 6, 2013
Messages
41
Ok, sorry to bring this BACK UP again, but I just saw this post, so please excuse me this time.
Great job btw!!

I have downloaded the bar for my top menu, and I got THAT PART working, but the buttons, these are the options I have for the top menu ...

Horizontal Menu Images

Background:
Green_Hover_...

Button:
Browse...

Button Hover:
Browse...

First Button:
Browse...

First Button Hover:
Browse...

End Cap Image:
Browse...

End Cap Width:


As you can see, I have the green bar menu already added at the top. Now the buttons, I can't seem to figure out!!
When I go to add the buttons, they are stacked on top of each other.

Please help??!!
 
Top