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?

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;
    }

I think this will work to bring the register button down, for instance.

Code:

li > a.mainmenu[href="/register"] {
position: absolute;
top: 5px;
}

Nope. Not working.

try this

Code:

li > a.mainmenu[href="/register"] {
margin:5px
}

not helping.

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.

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?

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?

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.

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.

OK, I get it now...

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.

cant you give us a link to the test forum?

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.

So, does anyone else know how to make that space smaller?

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

Code:

a.mainmenu {
    position: relative;
    top: -10px;
}


Otherwise, leave a link

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.

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, 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.

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

<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.

I added a test logo now.

edit:

Code:

a.mainmenu {
    position: relative;
    top: -20px;
}


This is working with the regular menu but not with the css menu.

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?

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.

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">

to

Code:

<span class="naslov">

And than adding this to CSS

Code:

.naslov {
display: none;
}

That's about it

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.

Jup
Welcome.

Solved ~ Locked