How to remove gap in Navbar and add shadow/hover effect?
4 posters
Page 1 of 1
How to remove gap in Navbar and add shadow/hover effect?
Hi again,
How do I remove the gap that is between Home and Forum?
Also how could I add a hover effect to the buttons like the one in this forum: http://armedoutlawz.forumotion.com/
Thanks in advanced
How do I remove the gap that is between Home and Forum?
Also how could I add a hover effect to the buttons like the one in this forum: http://armedoutlawz.forumotion.com/
Thanks in advanced
Re: How to remove gap in Navbar and add shadow/hover effect?
i can help you with the gapmiddo2 wrote:Hi again,
How do I remove the gap that is between Home and Forum?
Also how could I add a hover effect to the buttons like the one in this forum: http://armedoutlawz.forumotion.com/
Thanks in advanced
go to admin panel=> Display=> Homepage=> Header & Navigation
Then below listing all the navlinks, make sure your order from top to bottom is....
Home
Forum
Gallery
FAQ
Members
Profile
Message
Login
HAS to be in that order from top to bottom
i had this problem a ways back, just had to move the nav links around
Re: How to remove gap in Navbar and add shadow/hover effect?
Unfortunately, it had no affect, The Forum button is now before the Home button, however the gap is still there.Mr. Eddster wrote:i can help you with the gapmiddo2 wrote:Hi again,
How do I remove the gap that is between Home and Forum?
Also how could I add a hover effect to the buttons like the one in this forum: http://armedoutlawz.forumotion.com/
Thanks in advanced
go to admin panel=> Display=> Homepage=> Header & Navigation
Then below listing all the navlinks, make sure your order from top to bottom is....
Home
Forum
Gallery
FAQ
Members
Profile
Message
Login
HAS to be in that order from top to bottom
i had this problem a ways back, just had to move the nav links around
Re: How to remove gap in Navbar and add shadow/hover effect?
Hello middo2,
That gap is coming from the image itself, try using this image instead for the home bouton.
That gap is coming from the image itself, try using this image instead for the home bouton.
- Code:
http://i57.servimg.com/u/f57/18/21/41/30/home1210.png
- Code:
a.mainmenu:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
Re: How to remove gap in Navbar and add shadow/hover effect?
- Code:
ul.borderless a[href="/portal"]{
display:none;
}
For hover , SethC done for your .
Re: How to remove gap in Navbar and add shadow/hover effect?
Thanks a ton ! Perfect solution.SethC1995 wrote:Hello middo2,
That gap is coming from the image itself, try using this image instead for the home bouton.For the opacity effect on hover try the following code in your CSS stylesheet.
- Code:
http://i57.servimg.com/u/f57/18/21/41/30/home1210.png
- Code:
a.mainmenu:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
A side question...would you happen to know how to make the "Home" button say "Home" and the "Forum" button say "Forum" when I put my cursor over it (in the little description box). i tried doing it via the admin panel, but the boxes with the names are grayed out.
@Candy: Thanks for trying to help :)but the code did nothing observable.
Re: How to remove gap in Navbar and add shadow/hover effect?
You're welcome, and no I do not believe I would know how to do that, sorry.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum