The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Remove lines from under links and decrease/increase space between nav bar and logo

View previous topic View next topic Go down

Solved Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 20th 2011, 7:55 am

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?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Ahmedvirus on July 20th 2011, 11:32 am

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

Ahmedvirus
Forumember

Male Posts : 321
Reputation : 59
Language : English

http://help.forumotion.com

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 20th 2011, 12:55 pm


Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by flyingfisch on July 20th 2011, 3:48 pm

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 July 20th 2011, 3:49 pm; edited 1 time in total (Reason for editing : forgot [code] end tag)

flyingfisch
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 20th 2011, 5:01 pm

Nope. Not working.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by flyingfisch on July 20th 2011, 5:28 pm

try this

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

flyingfisch
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 20th 2011, 10:05 pm

not helping.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Guest on July 20th 2011, 11:24 pm

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


Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by flyingfisch on July 20th 2011, 11:28 pm

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
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Guest on July 21st 2011, 12:05 am

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

Guest
Guest


Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by flyingfisch on July 21st 2011, 12:39 am

OK, I get it now...

flyingfisch
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 21st 2011, 1:48 am

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.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by flyingfisch on July 21st 2011, 2:13 am

cant you give us a link to the test forum?

flyingfisch
Forumember

Male Posts : 61
Reputation : 10
Language : English
Location : OH

http://atgworldwide.freeinvision.net

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 21st 2011, 2:22 am

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

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 21st 2011, 5:50 pm

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

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Nera. on July 21st 2011, 11:47 pm

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 Wink

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 22nd 2011, 8:33 am

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.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Nera. on July 22nd 2011, 9:49 am

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 22nd 2011, 11:07 am

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.

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Nera. on July 22nd 2011, 11:45 am

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.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 22nd 2011, 12:02 pm

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?

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Nera. on July 22nd 2011, 12:18 pm

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 loul

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Diana on July 22nd 2011, 1:12 pm

@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! Smile Everything's solved now. Smile :wouhou:

Diana
Active Poster

Female Posts : 1286
Reputation : 21
Language : English

Back to top Go down

Solved Re: Remove lines from under links and decrease/increase space between nav bar and logo

Post by Nera. on July 22nd 2011, 1:17 pm

Jup Hello
Welcome.

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum