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.

Nav link lines

View previous topic View next topic Go down

Solved Nav link lines

Post by shawn.m on June 8th 2011, 6:06 pm

Could someone tell me how to add lines to divide links on my nav like in the image below thanks. vvv

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Irian on June 8th 2011, 6:18 pm


Irian
Forumember

Male Posts : 661
Reputation : 18
Language : English, Français, Spagnol, Latin, ecc.
Location : New york

http://www.puregroups.co.cc

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:19 pm

What ? :s

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Irian on June 8th 2011, 6:20 pm

which is the forum in the picture? Smile

Irian
Forumember

Male Posts : 661
Reputation : 18
Language : English, Français, Spagnol, Latin, ecc.
Location : New york

http://www.puregroups.co.cc

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:22 pm

Oh thats not a forum in the picture that's my mates site, i want lines like that on my forum, he doesn't know how he got them beacuse someone designed his site for him Smile

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Irian on June 8th 2011, 6:24 pm

yes...
but can you give me the link?

if it is on Forumotion i can help you Smile

Irian
Forumember

Male Posts : 661
Reputation : 18
Language : English, Français, Spagnol, Latin, ecc.
Location : New york

http://www.puregroups.co.cc

Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 6:24 pm

Hi,

Add this to your CSS. You can change border color.
Code:
a.mainmenu {
    border-right: 2px solid white;
    padding-right: 5px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:34 pm

hi it works but it's not the same i need the lines finer http://modifiedrides.7forum.info/

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 6:38 pm


Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:39 pm

yeah please

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 6:41 pm

The same thing, only change the border to 1px and color grey.

Code:
a.mainmenu {
    border-right: 1px solid grey;
    padding-right: 5px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:46 pm

Ok thanks one last thing if you go to my forum and you see profile,logout,messages there is a space in frount of them how can i remove this ?

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 6:48 pm

Try this
Code:
#i_icon_mini_login {
    display: none;
}
#i_icon_mini_register {
    display: none;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:54 pm

yes thanks.

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 6:58 pm

its just messages now

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Guest on June 8th 2011, 7:06 pm

If you want the vertical bar centered between the links, and the stray bar at end of the last link removed, use this:

Code:
a.mainmenu {
    border-left: 1px solid grey;
    padding-left: 1em;
}
a.mainmenu:first-child {
    border-left: none;
    padding-left: 0px;
}

Guest
Guest


Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 7:32 pm

@shawn.m wrote:its just messages now

Code:
#i_icon_mini_message {
    display: none;
}
#i_icon_mini_new_message {
    display: none;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 8th 2011, 7:42 pm

Thanks! all done! aha till next time. Cool

shawn.m
Forumember

Male Posts : 365
Reputation : 1
Language : English

http://modifiedcarroom.com/

Back to top Go down

Solved Re: Nav link lines

Post by Nera. on June 8th 2011, 7:44 pm

By Shawn

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