by joukaimokie May 19th 2013, 7:26 am
Nope doesn't work, I should probably explain better. Currently the one that doesn't change is in the administration panel. If I take it out it isn't there.
Navbar with image removed from the administration panel with one hovered over:
This is the code I use for the rest of my navbar:
- Code:
html #i_icon_mini_index{
background-image: url(https://imageshack.us/a/img407/5621/forumew.png);
width: 90px;
height: 90px;
}
#i_icon_mini_index:hover{
background-image: url(https://imageshack.us/a/img707/3673/forumglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal{
background-image: url(https://imageshack.us/a/img834/9334/portalge.png);
width: 90px;
height: 90px;
}
#i_icon_mini_portal:hover{
background-image: url(https://imageshack.us/a/img40/773/portalglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search{
background-image: url(https://imageshack.us/a/img515/9236/searchb.png);
width: 90px;
height: 90px;
}
#i_icon_mini_search:hover{
background-image: url(https://imageshack.us/a/img838/907/searchglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_members{
background-image: url(https://imageshack.us/a/img526/3725/memberlisto.png);
width: 90px;
height: 90px;
}
#i_icon_mini_members:hover{
background-image: url(https://imageshack.us/a/img40/8528/memberlistglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile{
background-image: url(https://imageshack.us/a/img41/2396/modifyprofile.png);
width: 90px;
height: 90px;
}
#i_icon_mini_profile:hover{
background-image: url(https://imageshack.us/a/img825/9782/modifyprofileglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message{
background-image: url(https://imageshack.us/a/img839/5313/inboxn.png);
width: 90px;
height: 90px;
}
#i_icon_mini_message:hover{
background-image: url(https://imageshack.us/a/img839/3018/inboxglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message{
background-image: url(https://imageshack.us/a/img856/6998/newpmv.png);
width: 90px;
height: 90px;
}
#i_icon_mini_new_message:hover{
background-image: url(https://imageshack.us/a/img689/364/newpmglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login{
background-image: url(https://imageshack.us/a/img594/1558/loginrs.png);
width: 90px;
height: 90px;
}
#i_icon_mini_login:hover{
background-image: url(https://imageshack.us/a/img267/8896/loginglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout{
background-image: url(https://imageshack.us/a/img89/9206/logouta.png);
width: 90px;
height: 90px;
}
#i_icon_mini_logout:hover{
background-image: url(https://imageshack.us/a/img22/688/logoutglow.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register{
background-image: url(https://imageshack.us/a/img521/8637/registerux.png);
width: 90px;
height: 90px;
}
#i_icon_mini_register:hover{
background-image: url(https://imageshack.us/a/img266/6029/registerglow.png);
width: 90px;
height: 90px;
I guess I'm wondering if there is a code I can use to make the icons like those for a custom location.