The forum of the forums
Welcome to the Official Support Forum of Forumotion!

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've not yet.



Create a free forum like this one.

Navigation bar hover

View previous topic View next topic Go down

In progress Navigation bar hover

Post by joukaimokie on May 18th 2013, 7:18 am

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?

joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by sasukekun on May 18th 2013, 7:52 am

try this one
put in your css Smile

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 bye

sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by Jophy on May 18th 2013, 1:23 pm

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. Wink

Thank you Smile

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: Navigation bar hover

Post by joukaimokie on 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.

joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by tommycoo on May 19th 2013, 8:44 am

i see there is nothing problem with your css ?

what did u mean custom location ?

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

In progress Re: Navigation bar hover

Post by joukaimokie on May 19th 2013, 8:54 am

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

Back to top Go down

In progress Re: Navigation bar hover

Post by tommycoo on May 19th 2013, 9:03 am


tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

In progress Re: Navigation bar hover

Post by SLGray on May 19th 2013, 10:41 am

Are you having trouble adding the new navigation button to the menu?




When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Navigation bar hover

Post by joukaimokie on May 19th 2013, 6:24 pm

Yeah, I can't add it to the menu.

joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by Jophy on May 21st 2013, 7:27 am

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?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


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