MobiTehk
Welcome on the MobiTehk 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....

Enjoy your stay with us.
Social icon jumping effect using Jquery : Demo

You are not connected. Please login or register

MobiTehk  » Graphic Design »  » Photoshop » Blue arrow hover : navigation hover bar

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Blue arrow hover : navigation hover bar on Thu Jun 09, 2011 2:46 pm

DaDyKinG


Admin
Admin
Blue arrow hover : navigation hover bar





download
Code:
http://www.fileserve.com/file/dnR4MEv


_________________
GOD BLESS YOU
View user profile http://www.mobitehk.com/

2 Re: Blue arrow hover : navigation hover bar on Sat Oct 01, 2011 11:44 pm

Nick


Moderator
Moderator
These are a nice set.


_________________

View user profile

3 Re: Blue arrow hover : navigation hover bar on Sat Oct 15, 2011 4:45 am

Skunk


Hi, wonderful design, however what code must I put or what must I do, for the forum to "Hover".

View user profile

4 Re: Blue arrow hover : navigation hover bar on Sat Oct 15, 2011 4:40 pm

DaDyKinG


Admin
Admin
put this code in your css
replace image link with yours images,
Alter image Height & Width

Code:

#i_icon_mini_index{
background-image: url(http://img585.imageshack.us/img585/633/homenwe.png);
width: 80px;
height: 35px;
}
#i_icon_mini_index:hover{
background-image: url(http://img228.imageshack.us/img228/8676/home1r.png);
width: 80px;
height: 35px;
}
#i_icon_mini_portal{
background-image: url(http://img696.imageshack.us/img696/9637/portaljy.png);
width: 80px;
height: 35px;
}
#i_icon_mini_portal:hover{
background-image: url(http://img717.imageshack.us/img717/4448/portal1.png);
width: 80px;
height: 35px;
}
#i_icon_mini_calendar{
background-image: url(http://img213.imageshack.us/img213/5255/calendarw.png);
width: 80px;
height: 35px;
}
#i_icon_mini_calendar:hover{
background-image: url(http://img827.imageshack.us/img827/918/calendar1f.png);
width: 80px;
height: 35px;
}

#i_icon_mini_gallery{
background-image: url(http://img25.imageshack.us/img25/8750/gallerygj.png);
width: 80px;
height: 35px;
}
#i_icon_mini_gallery:hover{
background-image: url(http://img141.imageshack.us/img141/4631/gallery1.png);
width: 80px;
height: 35px;
}
#i_icon_mini_faq{
background-image: url(http://img651.imageshack.us/img651/1178/faqtl.png);
width: 80px;
height: 35px;
}
#i_icon_mini_faq:hover{
background-image: url(http://img189.imageshack.us/img189/5760/faq1a.png);
width: 80px;
height: 35px;
}
#i_icon_mini_search{
background-image: url(http://img203.imageshack.us/img203/70/searchu.png);
width: 80px;
height: 35px;
}
#i_icon_mini_search:hover{
background-image: url(http://img831.imageshack.us/img831/7169/search1g.png);
width: 80px;
height: 35px;
}
#i_icon_mini_member{
background-image: url(http://img716.imageshack.us/img716/9692/membershi.png);
width: 80px;
height: 35px;
}
#i_icon_mini_member:hover{
background-image: url(http://img69.imageshack.us/img69/968/members1.png);
width: 80px;
height: 35px;
}

#i_icon_mini_usergroups{
background-image: url(http://img715.imageshack.us/img715/5295/groupssn.png);
width: 80px;
height: 35px;
}
#i_icon_mini_usergroups:hover{
background-image: url(http://img823.imageshack.us/img823/9276/groups1p.png);
width: 80px;
height: 35px;
}
#i_icon_mini_profile{
background-image: url(http://img707.imageshack.us/img707/7844/profilema.png);
width: 80px;
height: 35px;
}
#i_icon_mini_profile:hover{
background-image: url(http://img26.imageshack.us/img26/8828/profile1xp.png);
width: 80px;
height: 35px;
}
#i_icon_mini_message{
background-image: url(http://img641.imageshack.us/img641/7884/messagest.png);
width: 80px;
height: 35px;
}
#i_icon_mini_message:hover{
background-image: url(http://img819.imageshack.us/img819/5113/messages1.png);
width: 80px;
height: 35px;
}
#i_icon_mini_new_message{
background-image: url(http://img696.imageshack.us/img696/3589/newmessagep.png);
width: 80px;
height: 35px;
}
#i_icon_mini_new_message:hover{
background-image: url(http://img823.imageshack.us/img823/5641/newmessage1.png);
width: 80px;
height: 35px;
}
#i_icon_mini_register{
background-image: url(http://img41.imageshack.us/img41/8108/registertz.png);
width: 80px;
height: 35px;
}
#i_icon_mini_register:hover{
background-image: url(http://img233.imageshack.us/img233/6419/register1.png);
width: 80px;
height: 35px;
}
#i_icon_mini_login{
background-image: url(http://img830.imageshack.us/img830/2887/logint.png);
width: 80px;
height: 35px;
}
#i_icon_mini_login:hover{
background-image: url(http://img822.imageshack.us/img822/3919/login1i.png);
width: 80px;
height: 35px;
}
#i_icon_mini_logout{
background-image: url(http://img715.imageshack.us/img715/5493/logoutn.png);
width: 80px;
height: 35px;
}
#i_icon_mini_logout:hover{
background-image: url(http://img806.imageshack.us/img806/6774/logout1.png);
width: 80px;
height: 35px;
}

View user profile http://www.mobitehk.com/

View previous topic View next topic Back to top  Message [Page 1 of 1]

MobiTehk  » Graphic Design »  » Photoshop » Blue arrow hover : navigation hover bar

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

 


Copyright@ Mobitehk.com - 2009-2012