How to make this type of navbar?
2 posters
Page 1 of 1
Re: How to make this type of navbar?
Hello,
this code is for phpbb3.
Could you tell us the same code for phpbb2?
Re: How to make this type of navbar?
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.
Similar topics
» What is the best type of forum to make?
» How to make this type of forum?
» At the bottom of a topic how do I make a box for you to type in instead of having to press post reply?
» how to remove the gap between nav bar and banner also how can i put nav bar over banner like a transparent type navbar
» how can i make a NavBar that looks like this..
» How to make this type of forum?
» At the bottom of a topic how do I make a box for you to type in instead of having to press post reply?
» how to remove the gap between nav bar and banner also how can i put nav bar over banner like a transparent type navbar
» how can i make a NavBar that looks like this..
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum