Rap's Graphics

Home

Latest images

Register

Log in

Rap's Graphics :: Graphics :: Graphics Gallery :: Navbars

Blue Hover Navbar

View previous topic

View next topic

Go down

Author

Message

DustyBones

DustyBones
Owner

Posts : 504
Join date : 2011-02-26
Age : 67
Location : Washington

Blue Hover Navbar Empty

Post

Subject: Blue Hover Navbar Blue Hover Navbar I_icon_minitime

Blue Hover Navbar I_icon_minitime

Sat Jan 19, 2013 9:01 am

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.
(Install instructions for forumotion forums)
Or you can use either set 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

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

Back to top

Go down

http://www.raps-graphics.com

Akkii

Akkii

Posts : 3
Join date : 2013-01-18
Age : 29
Location : English,HTML, CSS,Photoshop,Javascript!

Blue Hover Navbar Empty

Subject: Re: Blue Hover Navbar Sun Jan 20, 2013 3:51 am

Very nice job.

Back to top

Go down

Blue Hover Navbar

View previous topic

View next topic

Back to top

Page 1 of 1

Similar topics

» Victorian Burl Navbar
» Carbon Fiber Navbar
» Chrome/Brass Navbar
» Navbar request
» Rod Chain Navbar

Permissions in this forum:

You cannot reply to topics in this forum

Rap's Graphics :: Graphics :: Graphics Gallery :: Navbars

This site is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License

Creative Commons License

^ Back to Top

Website Security Test