How do I make the nav bar look like this

Hello,

How do I make the nav bar like in this screen shot


Ex:
Home | Calendar | FAQ | Search | Memberlist | Usergroups | Profile => all of them.

try this in your CSS (:

Code:


ul.navlinks{
padding-right: 13px;
background: url(http://imm.io/media/1P/1PbL.png) no-repeat right;}



No that didn't work and I forget to say like the footer have.

I used a specific template for that. The Clan-Godlike template if I'm not mistaken. I'm sorry if this doesn't fit your theme, however.

oh ok but we can't edit template on phpbb3.

CSS is your biggest friend
I´ll try to make a code for you once i get home from school

Lil-J wrote:CSS is your biggest friend
I´ll try to make a code for you once i get home from school

Ok, I'll wait for you

Oke, i think i found a way.
Could you pm me with the links you have on your forum and in the order they are?

Lil-J the links is forumotion default links

Its easy when you make them self

Lil-J wrote:Oke, i think i found a way.
Could you pm me with the links you have on your forum and in the order they are?

What links you need?

Gangstar15 wrote:Lil-J the links is forumotion default links

Its easy when you make them self

And you happen to be a support moderator?
God... im glad Jalokim though me everything about forumotion xD
You are actually able to edit every link with css.
Why else do you think your able to make hover images on the navbar?
People think they can't do that, they think they can just put on 1 image for the navbar but with css you are actually able to create a hovered 1 as well.
If you wanna go really fanzy, you can even make a active 1

I'm not talking about editing the links but about editing the css of the links.
But for that i need to know which links he needs, as you can disable the links by hidding them ( this can also be done with css yes)
I'm not gonna create a code for links he doesn't want right?

Maki1 wrote:

Lil-J wrote:Oke, i think i found a way.
Could you pm me with the links you have on your forum and in the order they are?

What links you need?

Just tell me what you want on your navbar.
Like Home, Portal, Memberlist, Inbox, Logout
or what ever you'd like

Btw, i'll make it oncomming monday, i need to work tomorrow

You still don't know witch links i want Btw... what links are in the nav bar...

That's not hard to find, is it? Home Portal Gallery Calendar FAQ Search Create a free forum Memberlist Usergroups Profile You have no new messages (inbox) Log out

Yeah good boy... but i want to make them just like we have the footer

Ex: Home | Portal | Gallery | Calendar | FAQ | Search etc...etc... hope you get what I mean...

Maki1 wrote:Yeah good boy... but i want to make them just like we have the footer

Ex: Home | Portal | Gallery | Calendar | FAQ | Search etc...etc... hope you get what I mean...

I know that you want it that way, that is what i'm going to do.
So you basicly want all the the links?

Yes

Still waiting...

Try this:

Code:

a.mainmenu > img {width:0px !important; height: 15px !important; margin-right: 5px; border-left: 2px solid #4080c0;}
a.mainmenu > img#i_icon_mini_index {border: none;}

If the bars don't display, then you've set the navbar images to display:none in your CSS. Remove that rule and the bars will display.

If your first navbar menu item isn't "Home", you'll need to change the ID in the second rule to the appropriate ID.

The bar height, width, and color can be changed to whatever you want. Just make sure to keep width:0px at all times -- the bar width/color is the border width/color, and the bar height is the image height.

Hi, Dion

The code worked perfect but I have add 2 menu The support forum, About Me, but the line doesn't appear on those 2 so how can we fix them.

See => http://thetestzone.forumotion.com/ >> ''Search The support forum'' and ''Profile About Me'' there is no line between them like the rest.

There's no vertical bar because there's no image associated with those two navbar items. Go to ACP>Display>Headers&Navigation, find those two navbar entries, and enter this URL for the picture for both:

Code:

http://2img.net/i/fa/empty.gif

Thanks, for the help

Did Dion's post just turn green?
Anyways, nice effect

That's cuz I thanked him as may know Forumotion, has activate the Thanks button xD

Oh, LOL!
*rep+*

Dang. I got 0 rep?

Saxaca wrote:Oh, LOL!
*rep+*

Dang. I got 0 rep?

You got one from me