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.

How do I make the nav bar look like this

View previous topic View next topic Go down

Solved How do I make the nav bar look like this

Post by Maki1 on October 28th 2010, 9:20 pm

Hello,

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


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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Guest on October 28th 2010, 10:12 pm

try this in your CSS (:

Code:

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


Guest
Guest


Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 28th 2010, 10:32 pm

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by ConfusedOne on October 28th 2010, 10:49 pm

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.

ConfusedOne
New Member

Posts : 2
Reputation : 0
Language : English

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 28th 2010, 11:02 pm

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by LilJur on October 29th 2010, 9:16 am

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

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 29th 2010, 5:24 pm

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 Smile

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by LilJur on October 30th 2010, 4:37 pm

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?

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Guest on October 30th 2010, 4:50 pm

Lil-J the links is forumotion default links Wink

Its easy when you make them self Razz

Guest
Guest


Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 31st 2010, 12:09 am

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?

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by LilJur on October 31st 2010, 1:00 am

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

Its easy when you make them self Razz
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

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 31st 2010, 1:04 am

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by LilJur on October 31st 2010, 1:07 am

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

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 31st 2010, 1:10 am

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
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by LilJur on October 31st 2010, 1:13 am

@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?

LilJur
Forumember

Male Posts : 212
Reputation : 8
Language : xml, css, html, hex, english and dutch

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on October 31st 2010, 1:14 am

Yes Very Happy

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on November 2nd 2010, 4:15 pm

Still waiting...

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Guest on November 2nd 2010, 6:12 pm

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.

Guest
Guest


Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on November 2nd 2010, 6:46 pm

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.

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Guest on November 2nd 2010, 7:04 pm

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://illiweb.com/fa/empty.gif

Guest
Guest


Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on November 2nd 2010, 7:23 pm

Thanks, for the help Very Happy

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Saxaca on November 2nd 2010, 7:27 pm

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

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on November 2nd 2010, 7:31 pm

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

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Saxaca on November 2nd 2010, 7:35 pm

Oh, LOL!
*rep+*

Dang. I got 0 rep?
Crying or Very sad

Saxaca
Forumember

Male Posts : 539
Reputation : 26
Language : Markup.

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Maki1 on November 2nd 2010, 7:37 pm

@Saxaca wrote:Oh, LOL!
*rep+*

Dang. I got 0 rep?
Crying or Very sad

You got one from me Very Happy

Maki1
Hyperactive

Male Posts : 2529
Reputation : 442
Language : English »» CSS Stylesheet
Location : The » Support » forum » Section! • No support by PM If you need custom theme please contact me!

http://forumdesigners.forumotion.com/

Back to top Go down

Solved Re: How do I make the nav bar look like this

Post by Guest on November 5th 2010, 6:18 pm

Solved + Locked

Guest
Guest


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