How to make the navigation bar hover
+5
Nera.
Ultron's Vision
SLGray
Karim Patron
Spyro Dragon™
9 posters
Page 1 of 1
How to make the navigation bar hover
Tried looking all over this Freaking forum and couldent find it, so you guys are literly Forcing me to make anohter FREAKING topic about it.
www.tlos.openu2.com
When you Hover over the HOME button or anyother button
When you hover over one of them how do you make the picture change
say to like this
https://i.servimg.com/u/f37/17/84/98/50/13735810.gif
Edit kirk:
Topic title changed.
www.tlos.openu2.com
When you Hover over the HOME button or anyother button
When you hover over one of them how do you make the picture change
say to like this
https://i.servimg.com/u/f37/17/84/98/50/13735810.gif
Edit kirk:
Topic title changed.
Re: How to make the navigation bar hover
if i correctly understand what you mean, you want the picture of "Home" changes when the cursor is on it ?
if YES ...
you know, i really want to add that feature, but how ?
can someone help us ?
if NO ...
Explain again, i can maybe help you
if YES ...
you know, i really want to add that feature, but how ?
can someone help us ?
if NO ...
Explain again, i can maybe help you
Karim Patron- Forumember
- Posts : 55
Reputation : 4
Language : English, French, Arabic
Re: How to make the navigation bar hover
Please try to stay calm. We all are here to offer support. Please do not use all caps as it is considered yelling.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to make the navigation bar hover Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
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: How to make the navigation bar hover
I Know thers a way to do it, because iv done it before, and i lost the code..
Now i ask for the code again...
Now i ask for the code again...
Re: How to make the navigation bar hover
This is easy.
Tell me which buttons you want to replace and I'll have it done soon.
Tell me which buttons you want to replace and I'll have it done soon.
Re: How to make the navigation bar hover
Spyro Dragon™ wrote:I Know thers a way to do it, because iv done it before, and i lost the code..
Now i ask for the code again...
Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!Spyro Dragon™ wrote:BUMP
Since this is your fourth time, you have received a serious warning.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to make the navigation bar hover Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
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: How to make the navigation bar hover
Spyro Dragon™ wrote:Tried looking all over this Freaking forum and couldent find it, so you guys are literly Forcing me to make anohter FREAKING topic about it.
www.tlos.openu2.com
When you Hover over the HOME button or anyother button
When you hover over one of them how do you make the picture change
say to like this
https://i.servimg.com/u/f37/17/84/98/50/13735810.gif
Karim Patron wrote:if i correctly understand what you mean, you want the picture of "Home" changes when the cursor is on it ?
if YES ...
you know, i really want to add that feature, but how ?
can someone help us ?
if NO ...
Explain again, i can maybe help you
Hi,
All solved.
1. https://help.forumotion.com/t91142-hover-nav-barsrep-asap?highlight=Hover
2. https://help.forumotion.com/t91018-image-exchange-as-hover-effect-on-the-nav-bar?highlight=Hover
Etc.
Nera.- Energetic
-
Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: How to make the navigation bar hover
Did you remove the image urls from the pics management??? ACP >> Display >> Pics Management >> Advanced
Following this tutorial, ensure that the fields for the navbar contain the following:
- Code:
http://2img.net/i/fa/empty.gif
If there are urls other than this, simply delete what is there and save. The system will automatically place the given link in those fields.
If you placed the codes for your hovering navbar in the CSS correctly, then it should be functioning correctly.
Re: How to make the navigation bar hover
you put what codes in where?
I see two different links above, and there are a lot of ways of doing hover.
please explain in as much details as you can, post any screen shits, codes or links to better help us understand as well.
Thank you.
kirk- Forumaster
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: How to make the navigation bar hover
Okay, But you can you correct your spelling and make it
Screen Shots, instead of what you have on there, I have ppb2, The codes that they gave me worked b4 but Idk whats stopping it from working now, My site is tlos.openu2.com
Screen Shots, instead of what you have on there, I have ppb2, The codes that they gave me worked b4 but Idk whats stopping it from working now, My site is tlos.openu2.com
Re: How to make the navigation bar hover
Did you add any codes right before this issue appeared? It could be that some codes are conflicting.
![](https://i.servimg.com/u/f18/16/89/96/68/sig_se10.png)
![How to make the navigation bar hover Slgray10](https://i.servimg.com/u/f28/11/40/02/06/slgray10.png)
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: How to make the navigation bar hover
This is currently my whole style sheet
body, a:hover {cursor: url(http://www.fileden.com/files/2012/8/20/3339125/CURSOR2.cur), progress !important;}
.gensmall {
font-size : 10px;
display: none
}
#i_icon_mini_index {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/home10101_zpsebed84fb.gif);
width: XYpx;
height: XYpx;
}
#i_icon_mini_index:hover {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/137358142878080_zpsb9a4a034.gif);
width: XYpx;
height: XYpx;
}
even though the Hovers do not work.
Optimize your CSS NO
Deactivate basic Css NO
body, a:hover {cursor: url(http://www.fileden.com/files/2012/8/20/3339125/CURSOR2.cur), progress !important;}
.gensmall {
font-size : 10px;
display: none
}
#i_icon_mini_index {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/home10101_zpsebed84fb.gif);
width: XYpx;
height: XYpx;
}
#i_icon_mini_index:hover {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/137358142878080_zpsb9a4a034.gif);
width: XYpx;
height: XYpx;
}
even though the Hovers do not work.
Optimize your CSS NO
Deactivate basic Css NO
Re: How to make the navigation bar hover
You should definitely change this option:: 'Optimize your CSS: YES'. That's part of the problem.
Re: How to make the navigation bar hover
Spyro Dragon™ wrote:This is currently my whole style sheet
body, a:hover {cursor: url(http://www.fileden.com/files/2012/8/20/3339125/CURSOR2.cur), progress !important;}
.gensmall {
font-size : 10px;
display: none
}
#i_icon_mini_index {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/home10101_zpsebed84fb.gif);
width: XYpx;
height: XYpx;
}
#i_icon_mini_index:hover {
background-image: url(https://2img.net/h/i1355.photobucket.com/albums/q705/SpyroDragon-/137358142878080_zpsb9a4a034.gif);
width: XYpx;
height: XYpx;
}
even though the Hovers do not work.
Optimize your CSS NO
Deactivate basic Css NO
you have to fill width and height of that image too
here is replace this code
- Code:
#i_icon_mini_index {
background-image: url(http://i1355.photobucket.com/albums/q705/SpyroDragon-/home10101_zpsebed84fb.gif);
width: XYpx;
height: XYpx;
}
#i_icon_mini_index:hover {
background-image: url(http://i1355.photobucket.com/albums/q705/SpyroDragon-/137358142878080_zpsb9a4a034.gif);
width: XYpx;
height: XYpx;
}
to this
- Code:
#i_icon_mini_index {
background-image: url(http://i1355.photobucket.com/albums/q705/SpyroDragon-/home10101_zpsebed84fb.gif);
width: 187px;
height: 133px;
}
#i_icon_mini_index:hover {
background-image: url(http://i1355.photobucket.com/albums/q705/SpyroDragon-/137358142878080_zpsb9a4a034.gif);
width: 187px;
height: 133px;
}
Re: How to make the navigation bar hover
Please change the title of your forum & remove the unnecessary words with immediate effect.
Sanket- ForumGuru
-
Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: How to make the navigation bar hover
Sanket wrote:Please change the title of your forum & remove the unnecessary words with immediate effect.
I am sick of seeing it so i will change it.
Spyro Dragon
This will be your only verbal warning.Anymore outburst such as this will lead to official warnings and or other actions.
Please refrain from creating post titles in all caps and or sarcastic postings. I understand things can be frustrating but you have to remain calm and patient. We will do our best to sort your problem out as fast as possible.
Thank You
![Wink](https://2img.net/i/fa/i/smiles/icon_wink.gif)
kirk- Forumaster
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: How to make the navigation bar hover
It still does not work.. Do you mind just doing it for me? because its giving me a headach, I Turned optimize on, I even put deactivate basic css with optimize, and still didn't work, I put the codes in the Css sheet, still nothing happens....gaah, I want my stankin na'vi bar to move when I Hover over it, is that so much to ask?!
I made another attempt, I did what that one guy said and put thewidth and higheth , but i forgot to make the picture " empty " with pics manamgent, it works thank you guys so much for dealing with my crap!!!
Is there a way to do it with the customized pages?
etc: the " Music " tab
I made another attempt, I did what that one guy said and put thewidth and higheth , but i forgot to make the picture " empty " with pics manamgent, it works thank you guys so much for dealing with my crap!!!
Is there a way to do it with the customized pages?
etc: the " Music " tab
Re: How to make the navigation bar hover
Spyro Dragon™ wrote:
Is there a way to do it with the customized pages?
etc: the " Music " tab
- Spoiler:
- for custom pages you mean html pages?
well if you add you header and footer to the html page then your navigation should hover the same way as on the forum.
If you are not adding the header and footer and creating a custom navigation for html pages.
then you would have to either import the css using import tags, or you can use css style tags to be added in-between <head> </head> section of your html coding.
Import css tags- Code:
<link rel="stylesheet" type="text/css" href="URL TO YOUR CSS HERE">
- Code:
<style>
YOUR CSS HERE
</style>
Or do you mean if you add new navigation tabs leading somewhere.
If you add new tabs the hover will work the same as the ones you have now )
kirk- Forumaster
-
Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
![-](https://2img.net/i/empty.gif)
» Blue arrow hover : navigation hover bar
» Hover Navigation
» Navigation bar hover
» Hover Navigation Bar Help
» Emboss hover [Navigation Bar]
» Hover Navigation
» Navigation bar hover
» Hover Navigation Bar Help
» Emboss hover [Navigation Bar]
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum