The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to make this type of navbar?

2 posters

Go down

In progress Re: How to make this type of navbar?

Post by Ange Tuteur February 9th 2016, 10:40 pm

Hey,

You can find your answer in this topic.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: How to make this type of navbar?

Post by Bigtuber February 10th 2016, 2:32 am

Ange Tuteur wrote:Hey,

You can find your answer in this topic.

Hello,

this code is for phpbb3.
Could you tell us the same code for phpbb2? Smile
Bigtuber
Bigtuber
Forumember

Male Posts : 450
Reputation : 19
Language : German, English
Location : Germany

https://hilfe.forumieren.com/

Back to top Go down

In progress Re: How to make this type of navbar?

Post by Ange Tuteur February 10th 2016, 7:21 pm

Ange Tuteur wrote:phpbb3 is purfect.

Here add these rules to your stylesheet :
Code:
#page-header .navbar { background:none }
#page-header .navbar .linklist li { font-size:0 }
#page-header .navbar .linklist {
  background:#EEE;
  border:none;
  margin:-9px -10px 0px -10px;
}

#page-header a.mainmenu {
  color:#666;
  font-size:13px;
  font-weight:bold;
  font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
  background:url('http://i21.servimg.com/u/f21/18/21/41/30/nav10.png') repeat-x 0px 45px;
  display:inline-block;
  height:45px;
  line-height:45px;
  padding:0px 12px;
  transition:250ms;
}

#page-header a.mainmenu:hover { background-position:0 40px }

FYI the border is made using a small background image. To change the color you need to to edit the image.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

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