The forum of the forums
Welcome on the Forumotion Support Forum.

To take full advantage of everything offered by our forum, please log in if you are already a member or join our community if you're not yet....



Create a free forum like this one.
Green Hover Navigation Bar 5 5 3

Green Hover Navigation Bar

The forum of the forums :: Other Services :: Graphic Design Section :: Gallery :: Navigation Bars

View previous topic View next topic Go down

Green Hover Navigation Bar

Post by upestana_ on December 5th 2011, 9:52 am

Font: BankGothic Md BT (Included on the download below)
Font Size: 11 pt
Blank Image

Creation File: (Included on the download below) Original psd, anything can be edit, Just dont take the credit.



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


Download Here


Last edited by upestana_ on December 7th 2011, 3:50 am; edited 1 time in total

upestana_
Forumotion Member

Posts: 50
Language: English
Points: 71
Join date: 2011-11-23

Back to top Go down

Re: Green Hover Navigation Bar

Post by RenSo- on December 5th 2011, 9:56 am

Good work !

RenSo-
Forumotion Member

Posts: 65
Language: Estonian | Html | Php | Css | MySQL
Points: 67
Join date: 2011-11-30

Back to top Go down

Re: Green Hover Navigation Bar

Post by incredible_fear on December 5th 2011, 10:22 am

Nice but I don't like the background and it look a bit blurred.

incredible_fear
Forumotion Member

Male
Posts: 1595
Age: 20
Language: English
Points: 2493
Join date: 2009-02-06

Back to top Go down

Re: Green Hover Navigation Bar

Post by djenitoo on December 5th 2011, 11:15 am

Like it very much. Great work. Smile

djenitoo
Forumotion Member

Female
Posts: 15
Language: Bulgarian, English
Location: Bulgaria
Points: 12
Join date: 2010-08-05

http://muse.forumotion.net

Back to top Go down

Re: Green Hover Navigation Bar

Post by Guest on December 5th 2011, 12:29 pm

Very good work. I like these navigation images! Wink

Guest
Guest


Back to top Go down

Re: Green Hover Navigation Bar

Post by WHITESABBATH on December 5th 2011, 6:25 pm

well done upestana_ Very good

WHITESABBATH
Forumotion Member

Male
Posts: 932
Points: 1960
Join date: 2009-03-28

Back to top Go down

Re: Green Hover Navigation Bar

Post by Kalimdor on December 6th 2011, 11:58 am

Very nice work Smile 10/10

Kalimdor
Forumotion Member

Male
Posts: 904
Age: 16
Language: Romanian, English, Français, Español
Location: Romania
Points: 684
Join date: 2011-11-16

http://softdesign.wikiforum.ro/

Back to top Go down

Re: Green Hover Navigation Bar

Post by ***AFINA*** on December 6th 2011, 10:11 pm

Good job!
9/10

***AFINA***
Forumotion Member

Female
Posts: 439
Age: 27
Language: English, Russian, Ukrainian, Greek, Photoshop. AKA Lucky!
Location: Vancouver, Canada
Points: 932
Join date: 2008-02-21

Back to top Go down

Re: Green Hover Navigation Bar

Post by Rocker92 on December 8th 2011, 5:02 pm

Your proposal has been accepted, congratulations!

----------------------------


Rocker92
Graphic Designer
Graphic Designer

Male
Posts: 607
Age: 20
Language: English & French
Location: Atlanta, GA
Points: 663
Join date: 2010-12-20

http://www.geek-shield.com/

Back to top Go down

View previous topic View next topic Back to top

The forum of the forums :: Other Services :: Graphic Design Section :: Gallery :: Navigation Bars

Permissions in this forum:
You cannot reply to topics in this forum