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 9th 2011, 12:06 am

Could someone tell me how to add lines to divide links on my nav like in the image below thanks. vvv
avatar
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 9th 2011, 12:18 am

avatar
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 9th 2011, 12:19 am

What ? :s
avatar
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 9th 2011, 12:20 am

which is the forum in the picture? Smile
avatar
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 9th 2011, 12:22 am

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
avatar
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 9th 2011, 12:24 am

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

if it is on Forumotion i can help you Smile
avatar
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 9th 2011, 12:24 am

Hi,

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

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 9th 2011, 12:34 am

hi it works but it's not the same i need the lines finer http://modifiedrides.7forum.info/
avatar
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 9th 2011, 12:38 am

avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 9th 2011, 12:39 am

yeah please
avatar
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 9th 2011, 12:41 am

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

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

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 9th 2011, 12:46 am

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 ?
avatar
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 9th 2011, 12:48 am

Try this
Code:
#i_icon_mini_login {
    display: none;
}
#i_icon_mini_register {
    display: none;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 9th 2011, 12:54 am

yes thanks.
avatar
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 9th 2011, 12:58 am

its just messages now
avatar
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 9th 2011, 1:06 am

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 9th 2011, 1:32 am

@shawn.m wrote:its just messages now

Code:
#i_icon_mini_message {
    display: none;
}
#i_icon_mini_new_message {
    display: none;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Nav link lines

Post by shawn.m on June 9th 2011, 1:42 am

Thanks! all done! aha till next time. Cool
avatar
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 9th 2011, 1:44 am

By Shawn

Solved => Locked
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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