Post: #1

Programs Required: FileZilla

Hello, this is a tutorial I am going to show you how to add a button to the Header or "Nav Bar" For those who don't know what that is, its this
so once we add a button to the Nav Bar, you will see a new button next to "Search"

So lets begin

You need to go to the Admin Control Panel (ACP)>>Templates and Styles>>Templates>>**Find your templates that your theme is currently using**>>Header Templates>> Header

Now, you should find this.

Quote: <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>

That is the "search" button. If your buttons are on the right like in the default theme, you need to add your button above that code. If your buttons are on the left, you need to add it below the search button code.

The code for your new button will look like this

Quote:<li><a href="$settings[bburl]/yourlink.php">New Nav-Bar Button</a></li>

What that means is
go to your board domain/yourlink.php
(replace yourlink.php with the link after your board url and replace New Nav-Bar Button with what you want to call it.)

and now you have a nav bar button with no pic

to add a pic,
Use this code after the button with no pic code

Quote:<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/button_name.gif" alt="" title="" />{$lang->toplinks_search}</a></li>

So the total "button with image" code will look like this

Quote:<li><a href="$settings[bburl]/yourlink.php">New Nav-Bar Button<img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/button_name.gif"</a></li>

What that means is Image is located in Board URL>Images>ThemeName>Toplinks.
(You need to have the image as .GIF format and it needs to be uploaded to Board URL>Images>ThemeName>Toplinks )
(You may want to remove the name you used for "New Nav-Bar Button"


And that should work for you,

Please try this on a test forum first, that way you know for sure how to do it

Thanks

--Conor

(02-19-2010 12:13 AM)euantor Wrote:  Note: Not all themes use the default links or even the default template for their nav. I personally scatter my nav through the header_welcomeblock_member and header templates when creating themes at my site. This way, I can have member only links in my navbars.

Post: #2

Note: Not all themes use the default links or even the default template for their nav. I personally scatter my nav through the header_welcomeblock_member and header templates when creating themes at my site. This way, I can have member only links in my navbars.

Post: #3

Thanks for the reply, mind if I quote that in my post?

Post: #4

Go ahead ;P

Post: #5

Hello,
How would we add just an image link? I want the image to be the link and I don't want text.

Thanks

Post: #6

Just use:


;D

Post: #7

Oh, lol I didn't know it was that easy
What are the <li> tags though?

Thanks.

Post: #8

I believe the <li> tags is just for a list item.
'The <li> tag defines a list item.'

Post: #9

already saw somewhere else

Post: #10

Awesome tutorial.And wanna suggest exactly what euantor said :
Code:
Coz if u want to link URLs that are outside your forum root directory and show pics that r outside the directory of the directory u mentioned in this code , then that code wont work