Want to add a navigation header
-
Wondering how I would go about doing this?
I want it to consist for 3-4 buttons.
I seen a thread about this a little lower down but it had been locked without a answer.
So was wondering how i’d go about this?
-
I cannot find any tutorials online, i’ve been looking all afternoon.
Any chance somebody could give me a step by step guide?
@andywilliams244 Try this for a nifty nav bar that shows at the very top of your site (maybe use this at the very top of both your WordPress and bbPress site?):
1) Check this link out: http://www.bleepingcomputer.com/forums/topic55647.html
2) What you want to do is make a really simple PHP file, lets call it “andybar.php” (if you have trouble making one copy one of your .php bbpress files and rename it)
3) Copy the code from that page into the php file. (you probably want to open with Notepad or Wordpad)
4) Fill in the links how you want them to be, like:
<li><a href="http://www.andywebsite.com">ANDY_WEBSITE</a></li>5) Save the php file and upload it into the folder of your theme.
6) Put this in the header where you want the bar to display:
<?php bb_head(); ?>
<?php include('andybar.php');?>
<br>
</head>7) The bar should appear at the very top of your bbPress site. You can easily change the colors with the CSS inside that one php file.
You might need to play with the bbPress CSS if there is a spacing issue above or below the bar. Hope this helps!
Excellent! Works a treat!
Thank you very much.Is there a way of stretching it to make it fit the table better?
Here’s how it looks: http://www.origineuphoria.com/forums/
Here’s the code:
#navbar ul {
margin: 0;
padding: 5px;
width: 800px;
list-style-type: none;
text-align: center;
background-color: #222222;
}
#navbar ul li {
display: inline;
}
#navbar ul li a {
text-decoration: none;
padding: .4em 3em;
color: #CCCCCC;
background-color: #222222;
}
#navbar ul li a:hover {
color: #CCCCCC;
background-color: #141414;
}
- You must be logged in to reply to this topic.
