The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Navigation bar hover

5 posters

Go down

In progress Navigation bar hover

Post by joukaimokie Sat May 18 2013, 08:18

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

Navigation bar hover Screenshotsrv

Does anyone know what codes would be needed to make it a hover image?
avatar
joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by sasukekun Sat May 18 2013, 08:52

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
sasukekun
Forumember

Posts : 253
Reputation : 6
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by Jophy Sat May 18 2013, 14:23

Hello,

Is you problem solved? You can let us know by editing your topic using the edit button Navigation bar hover Editer10 and by clicking the solved icon Navigation bar hover Solved10 then send. Wink

Thank you Smile
Jophy
Jophy
ForumGuru

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

Back to top Go down

In progress Re: Navigation bar hover

Post by joukaimokie Sun May 19 2013, 08:26

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:

Navigation bar hover Screenshot2mzb

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.
avatar
joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by tommycoo Sun May 19 2013, 09:44

i see there is nothing problem with your css ?

what did u mean custom location ?
tommycoo
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 Sun May 19 2013, 09:54

I would like a New Posts icon in the nav bar, it would link to: http://ffviirevelations.forumotion.com/search?search_id=newposts

avatar
joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by tommycoo Sun May 19 2013, 10:03

tommycoo
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 Sun May 19 2013, 11:41

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




Navigation bar hover Slgray10

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

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: Navigation bar hover

Post by joukaimokie Sun May 19 2013, 19:24

Yeah, I can't add it to the menu.
avatar
joukaimokie
New Member

Posts : 7
Reputation : 1
Language : English

Back to top Go down

In progress Re: Navigation bar hover

Post by Jophy Tue May 21 2013, 08:27

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
Jophy
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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