Navigation bar hover
5 posters
Page 1 of 1
Navigation bar hover
I need some help with the navigation bar. I have gotten most the buttons to respond as they should however I cannot get the new posts one to. The link it leads to is this: http://ffviirevelations.forumotion.com/search?search_id=newposts
Does anyone know what codes would be needed to make it a hover image?
Does anyone know what codes would be needed to make it a hover image?
joukaimokie- New Member
- Posts : 7
Reputation : 1
Language : English
Re: Navigation bar hover
try this one
put in your css
tadaaa
put in your css
- Code:
a.mainmenu{
filter:alpha(opacity=80);
-moz-opacity: 1;
opacity: 1;
}
a.mainmenu:hover{
filter:alpha(opacity=100);
-moz-opacity: .50;
opacity: .50;
}
tadaaa
sasukekun- Forumember
- Posts : 253
Reputation : 6
Language : English
Re: Navigation bar hover
Hello, Is you problem solved? You can let us know by editing your topic using the edit button and by clicking the solved icon then send. Thank you |
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Navigation bar hover
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:
I guess I'm wondering if there is a code I can use to make the icons like those for a custom location.
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.
joukaimokie- New Member
- Posts : 7
Reputation : 1
Language : English
Re: Navigation bar hover
i see there is nothing problem with your css ?
what did u mean custom location ?
what did u mean custom location ?
Re: Navigation bar hover
I would like a New Posts icon in the nav bar, it would link to: http://ffviirevelations.forumotion.com/search?search_id=newposts
joukaimokie- New Member
- Posts : 7
Reputation : 1
Language : English
Re: Navigation bar hover
Are you having trouble adding the new navigation button to the menu?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Navigation bar hover
Yeah, I can't add it to the menu.
joukaimokie- New Member
- Posts : 7
Reputation : 1
Language : English
Re: Navigation bar hover
Hello,
Where are you trying to add it? Did you tried here?:
Admin Panel > Display > Headers & Navigation > Add a customized menu
or if that doesn't work, what appears to be the problem or error message you're getting?
Where are you trying to add it? Did you tried here?:
Admin Panel > Display > Headers & Navigation > Add a customized menu
or if that doesn't work, what appears to be the problem or error message you're getting?
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Similar topics
» Blue arrow hover : navigation hover bar
» Hover Navigation
» Hover Navigation Bar Help
» How to make the navigation bar hover
» Navigation Bar Change on Hover
» Hover Navigation
» Hover Navigation Bar Help
» How to make the navigation bar hover
» Navigation Bar Change on Hover
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum