Remove lines from under links and decrease/increase space between nav bar and logo
4 posters
Page 1 of 1
Remove lines from under links and decrease/increase space between nav bar and logo
1) How do I remove lines from under all links on the forum? And if possible how can I make the links bold?
2) How do I increase/decrease the space between nav bar and the logo?
2) How do I increase/decrease the space between nav bar and the logo?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
1) How do I remove lines from under all links on the forum? And if possible how can I make the links bold?
add this to css
- Code:
a:link
{
text-decoration: none;
}
a:visited
{
text-decoration: none;
}
a:active
{
text-decoration: none;
}
a:hover
{
text-decoration: none;
}
or
- Code:
a
{
text-decoration: none;
}
2) How do I increase/decrease the space between nav bar and the logo?
I do not understand what you mean
You can experience this css
- Code:
.bodyline{
border:0;
padding:0;
margin:0;
}
body{
padding:0;
margin:0;
background-position:center;
}
a{
text-decoration:none;
}
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
I think this will work to bring the register button down, for instance.
- Code:
li > a.mainmenu[href="/register"] {
position: absolute;
top: 5px;
}
Last edited by flyingfisch on Wed 20 Jul 2011, 14:49; edited 1 time in total (Reason for editing : forgot [code] end tag)
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Nope. Not working.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
try this
- Code:
li > a.mainmenu[href="/register"] {
margin:5px
}
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
I have no interest in playing a guessing game with you, so if you would provide a URL for your forum, I would be happy to provide assistance.
Guest- Guest
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Yes this is getting kind of difficult, however, not that rhe shouldn't give us a link, how would a link to the forum help?
Re: Remove lines from under links and decrease/increase space between nav bar and logo
With a URL to the board, one can look at the board's DOM and hopefully provide the exact CSS needed to solve the problem. Without a URL it's a guessing game, and I don't play those kinds of guessing games.flyingfisch wrote:Yes this is getting kind of difficult, however, not that rhe shouldn't give us a link, how would a link to the forum help?
I've already suggested to the staff that a board URL should be provided with every help request. It's a LOT more important, and useful, than a descriptive title.
Guest- Guest
Re: Remove lines from under links and decrease/increase space between nav bar and logo
I would have posted the url and I was thinking from the start that someone will ask this. However, I'm only testing the thing on a test forum and want to get it working before putting it over to my main forum.
I haven't tested it on my main cause I don't wanna messit up. I'm doing a new look for the forum an want to add it when it's complete and working.
I haven't tested it on my main cause I don't wanna messit up. I'm doing a new look for the forum an want to add it when it's complete and working.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
cant you give us a link to the test forum?
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Um...is there a point? I mean if it only works for that forum as yous say then I have to come back here when I put the new look to my main forum and then it's all messed up and incomplete, just like how I don't want it and I have to have this all over again.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
So, does anyone else know how to make that space smaller?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Hi,
I agree on that with Dion completely.
It would do good sice by default there should not be much space there to make smaller.
You can try to move your navigation links up by adding this to CSS
Otherwise, leave a link
I agree on that with Dion completely.
It would do good sice by default there should not be much space there to make smaller.
You can try to move your navigation links up by adding this to CSS
- Code:
a.mainmenu {
position: relative;
top: -10px;
}
Otherwise, leave a link
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Thanks Nera. But it didn't work.
And I don't want anyone to do it for me cause as I said it's only my test forum and if they make it work only on there then it's useless for me. Plus, I've provided links before and hat happens is that people fix something and don't tell you what they did. Which is also useless cause I wanna know how to fix the thing myself aswell.
I have a custom nav bar though if it makes a difference. I have the rollover buttons there, a css menu.
And I don't want anyone to do it for me cause as I said it's only my test forum and if they make it work only on there then it's useless for me. Plus, I've provided links before and hat happens is that people fix something and don't tell you what they did. Which is also useless cause I wanna know how to fix the thing myself aswell.
I have a custom nav bar though if it makes a difference. I have the rollover buttons there, a css menu.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Hi,
No one would login and fix it for you. The solution would be posted in the topic. With the link you could have already had a solution from Dion since he'd probably take a second. Anything else without seeing your CSS is speculating on this.
If it concenrs you, I never look at the forums I visit here do to repairs and probably no one else does.
Sorry for not beeing able to help. Good luck with your topic.
No one would login and fix it for you. The solution would be posted in the topic. With the link you could have already had a solution from Dion since he'd probably take a second. Anything else without seeing your CSS is speculating on this.
If it concenrs you, I never look at the forums I visit here do to repairs and probably no one else does.
Sorry for not beeing able to help. Good luck with your topic.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Remove lines from under links and decrease/increase space between nav bar and logo
No, I've had people log on and fix stuff without telling me anything.
Anyone knows how to decrease the sapce?
http://velvet.forum.co.ee/forum this is the main forum so if anyone can find a code for that then thanks.
Anyone knows how to decrease the sapce?
http://velvet.forum.co.ee/forum this is the main forum so if anyone can find a code for that then thanks.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
That's the part where your logo should be. You don't have it?
You can do it from temlates, find this in overall_header and add underlined
Than add this to your CSS
You should get this. It will hide logo, site description, site name space.
http://i.imm.io/7nW0.png
Try it on a test forum first.
You can also wait a bit for Dion if he has a simplier solution.
You can do it from temlates, find this in overall_header and add underlined
<table class="logo" width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
Than add this to your CSS
- Code:
.logo {
display: none;
}
You should get this. It will hide logo, site description, site name space.
http://i.imm.io/7nW0.png
Try it on a test forum first.
You can also wait a bit for Dion if he has a simplier solution.
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Remove lines from under links and decrease/increase space between nav bar and logo
I added a test logo now.
edit:
edit 2:
The code just moves the menu up, leaving the same gap under the nav bar. So is there a way to bring the logo down?
edit:
- Code:
a.mainmenu {
position: relative;
top: -20px;
}
edit 2:
The code just moves the menu up, leaving the same gap under the nav bar. So is there a way to bring the logo down?
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
You can try like this. The gap is there when the logo is positioned center caouse ot the maintitle and site description space.
1. Go to overall_hearder, find this
Remove the br tags. It should lower it. Try it on a test forum.
2. You can lower it also with
But I'm not sure does it share a class with something else on phpBB2 (will it make something else not to display). I think so.
3. Third solution would be if the gen has something the same class to change this
And than adding this to CSS
1. Go to overall_hearder, find this
- Code:
<div class="maintitle">{MAIN_SITENAME}</div>
< b r />
<span class="gen">{SITE_DESCRIPTION}< b r /> </span>
</td>
Remove the br tags. It should lower it. Try it on a test forum.
2. You can lower it also with
- Code:
.gen {
display: none;
}
But I'm not sure does it share a class with something else on phpBB2 (will it make something else not to display). I think so.
3. Third solution would be if the gen has something the same class to change this
- Code:
<span class="gen">
- Code:
<span class="naslov">
And than adding this to CSS
- Code:
.naslov {
display: none;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Nera. wrote:You can try like this. The gap is there when the logo is positioned center caouse ot the maintitle and site description space.
1. Go to overall_hearder, find this
- Code:
<div class="maintitle">{MAIN_SITENAME}</div>
< b r />
<span class="gen">{SITE_DESCRIPTION}< b r /> </span>
</td>
Remove the br tags. It should lower it. Try it on a test forum.
Thanks! This helped! Everything's solved now.
Diana- Active Poster
- Posts : 1286
Reputation : 21
Language : English
Re: Remove lines from under links and decrease/increase space between nav bar and logo
Jup
Welcome.
Solved ~ Locked
Welcome.
Solved ~ Locked
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Similar topics
» Space catogories and remove lines
» Remove space underneath Forum main logo
» Text Lines Space in Message?
» How can I remove these lines?
» Space between navigation links..
» Remove space underneath Forum main logo
» Text Lines Space in Message?
» How can I remove these lines?
» Space between navigation links..
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum