Blue arrow hover : navigation hover bar
- Code:
http://www.fileserve.com/file/dnR4MEv
#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;
}
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum