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.
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.
Logo
MobiTehk

You are not connected. Please login or register

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

DaDyKinG
#1

Thu Jun 09, 2011 8:46 am

DaDyKinG
Admin
Admin
Blue arrow hover : navigation hover bar

Blue arrow hover : navigation hover bar Blue_a10



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

http://www.mobitehk.com/
Nick
#2

Sat Oct 01, 2011 5:44 pm

Nick
Moderator
Moderator
These are a nice set.

Skunk
#3

Fri Oct 14, 2011 10:45 pm

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

DaDyKinG
#4

Sat Oct 15, 2011 10:40 am

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

http://www.mobitehk.com/
Matfwar
#5

Wed Jun 06, 2012 1:42 am

Matfwar
The link this excluded, can fix? Plis

Muito Bom!

Vlw

Sponsored content
#6


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

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