The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.

Blue Hover Navbar

4 posters

The forum of the forums :: Miscellaneous :: Garbage

Page 1 of 1

Blue Hover Navbar

Post by DustyBones January 19th 2013, 6:56 pm

Want a Navbar where the buttons change when you hover your cursor over the buttons?
The buttons, coding and instructions for install are all here to make it easy for you.
Or you can use one set or another like they are without using the coding.

Sample
Blue Hover Navbar Blu-hov-sample

Blue Hover Navbar Blu-hov-sample

The Buttons

Regular or Static Nav Buttons

Blue Hover Navbar Bh-01

Blue Hover Navbar Bh-02

Blue Hover Navbar Bh-03

Blue Hover Navbar Bh-04

Blue Hover Navbar Bh-05

Blue Hover Navbar Bh-06

Blue Hover Navbar Bh-07

Blue Hover Navbar Bh-08

Blue Hover Navbar Bh-09

Blue Hover Navbar Bh-10

Blue Hover Navbar Bh-11

Blue Hover Navbar Bh-12

Blue Hover Navbar Bh-13

Blue Hover Navbar Bh-13anim

Blue Hover Navbar Bh-14

Blue Hover Navbar Bh-14anim

Blue Hover Navbar Bh-15

Blue Hover Navbar Bh-16

Hover Nav Buttons

Blue Hover Navbar Bhh-01

Blue Hover Navbar Bhh-02

Blue Hover Navbar Bhh-03

Blue Hover Navbar Bhh-04

Blue Hover Navbar Bhh-05

Blue Hover Navbar Bhh-06

Blue Hover Navbar Bhh-07

Blue Hover Navbar Bhh-08

Blue Hover Navbar Bhh-09

Blue Hover Navbar Bhh-10

Blue Hover Navbar Bhh-11

Blue Hover Navbar Bhh-12

Blue Hover Navbar Bhh-13

Blue Hover Navbar Bhh-13anim

Blue Hover Navbar Bhh-14

Blue Hover Navbar Bhh-14anim

Blue Hover Navbar Bhh-15

Blue Hover Navbar Bhh-16

Font: Verdana, bold
Font Size: 11
Font Color: Normal buttons; d4d4fb, rgb (212, 212, 251).
Hover buttons; fff99d, rgb (255, 249, 157)
Font Anti Aliasing Method: Sharp
Blank Image:
Normal buttons; Blue Hover Navbar Bh-00a

Blue Hover Navbar Bh-00a

Blue Hover Navbar Bh-00b

Blue Hover Navbar Bh-00c

Hover buttons; Blue Hover Navbar Bhh-00a

Blue Hover Navbar Bhh-00a

Blue Hover Navbar Bhh-00b

Blue Hover Navbar Bhh-00c

Download package of graphics and psd file

Blue Hover Navbar Dwnld_butt_blu

110 KB

Install Instructions

Spoiler:

CSS Code

Spoiler:

Code:: #i_icon_mini_index{width:92px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_index:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_calendar{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_calendar:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_gallery{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_gallery:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_faq{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_faq:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_search{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_search:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_members{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_members:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_groups{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_groups:hover{background:url(IMAGE URL HERE) no-repeat 0 0px;} #i_icon_mini_profile{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_profile:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_message{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_message:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_new_message{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_new_message:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_register{width:89px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_register:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_login{width:92px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_login:hover{background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_logout{width:92px;height:34px;background:url(IMAGE URL HERE) no-repeat 0 0;} #i_icon_mini_logout:hover{background:url(IMAGE URL HERE) no-repeat 0 0;}

Enjoy!
Blue Hover Navbar Thumbsup

Blue Hover Navbar Thumbsup

Handcrafted by:
DustyBones

DustyBones: Active Poster; Posts : 1234
Reputation : 528
Language : English
Location : Washington, USA

Re: Blue Hover Navbar

Post by koolkat96 January 20th 2013, 7:52 am

These are good!

koolkat96: Forumember; Posts : 584
Reputation : 7
Language : English
Location : Bangalore, India

Re: Blue Hover Navbar

Post by CodyDeathHammer January 20th 2013, 10:41 am

wow nice so awesome i am gonna use them

CodyDeathHammer: Forumember; Posts : 147
Reputation : 1
Language : English

Re: Blue Hover Navbar

Post by Mike February 22nd 2013, 12:05 am

Your proposal has been accepted.

Mike: Hyperactive; Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Similar topics

» Blue arrow hover : navigation hover bar
» FAO: Tanix20010~ Re- [grad]Blue Navigation Buttons(blue), Navbar button request
» Blue hover navigation bar
» Black hover Blue Navigation bar by Th1nK
» Blue hover black navigation button

The forum of the forums :: Miscellaneous :: Garbage

Page 1 of 1

Jump to:

Permissions in this forum:

You cannot reply to topics in this forum