Nav Links
3 posters
Page 1 of 1
Nav Links
Hi how can i space out my nav links become at the moment my html page nav links are very close any ideas ? and i want to hide some of my nav links aswell thanks.
Re: Nav Links
To hide add this to css
To add space try this
- Code:
a[href='/faq'] { display: none; }
To add space try this
Captain Kuchiki- Forumember
- Posts : 193
Reputation : 34
Language : Serbian, English
Location : In the air
Re: Nav Links
All i need to do now is space them out and change the names of the links, can anyone help me ?
Re: Nav Links
Hi,
Add this to CSS.
Add this to CSS.
- Code:
.mainmenu {
padding: 10px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Nav Links
Did you hide some buttons on that place ? If you are go to Acp > Display > Homepage > Headers & Navigation > and move the buttons that you hide on the top, cause they are taking space even if they are not there
Captain Kuchiki- Forumember
- Posts : 193
Reputation : 34
Language : Serbian, English
Location : In the air
Re: Nav Links
Thanks now how can i add an image on roll over like this modifiedcars.com they have an orange arrow on rollover ??
Re: Nav Links
Hi,
You can hover your navigations with pictures or change colors of the text on when hovering.
https://help.forumotion.com/t91142-hover-nav-barsrep-asap
You can hover your navigations with pictures or change colors of the text on when hovering.
https://help.forumotion.com/t91142-hover-nav-barsrep-asap
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Nav Links
that does not help i dont want only images in the nav bar. I want a small image to be above a link on hover
Re: Nav Links
You can make a transparent background with a small arrow on the top of it and add it as hover below your text navigations.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Nav Links
Find yours a.menu:hover and replace it with mine. If you don't have it, add it. You can't have two.
Please don't use the same picture
It wouldn't be nice to author.
Add what ever you want in this rule to customize it.
I've tired it on your forum, works.
Please don't use the same picture
It wouldn't be nice to author.
- Code:
a.mainmenu:hover {
background-image: url("http://www.modifiedcars.com/common/arrow-t.png");
background-position: center top;
background-repeat: no-repeat;
}
Add what ever you want in this rule to customize it.
I've tired it on your forum, works.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Nav Links
wow it works thanks alot am goin to make my own on photoshop, One last thing i need to change my nav links style i want them bold and with no hover color
Re: Nav Links
Add this to CSS
You'll find an other a.mainmenu:hover { with color in it. Remove the color.
a.mainmenu:hover {
color: #ED0000; - remove this
text-decoration: underline;
}
- Code:
a.mainmenu {
font-weight: bold;
}
You'll find an other a.mainmenu:hover { with color in it. Remove the color.
a.mainmenu:hover {
color: #ED0000; - remove this
text-decoration: underline;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Nav Links
You welcome.
Solved => Locked
Solved => Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum