Back to vBulletin 3 Articles

How to add buttons on navbar
by massi64 28 Jun 2010

Here a picture of what I came up with :

http://www3.telus.net/massiarmafiles/forum1.png
To enlarge click on it with the right mouse button and open link

You can get the button that I made for that website http://www3.telus.net/massiarmafiles/button18.png
To download click on the link with the right mouse button and Save Target As

This will give you just the illusion of Buttons on the navbar
Ok This will work only if all the links are manualy put on the navbar :example if you have installed cyb-paypal go in the ACP and turn off the "add Donate link on the navbar" and add it manualy on the navbar , Arcade , Chatbox , etc same things

Now go in the ACP,Styles & Templates,Style Manager and click on GO on the "All style Options" scroll down untill you find the class "vbmenu_control" on the background box , link the button file that you alredy upload on your forum/images/misc

Like this
Code:
transparent url(http://yoursite.com/forum/images/misc/button18.png) repeat-x
I put the font size at 12 px and on the Extra CSS Attributes on the padding I corrected to "0px 6px 0px 6px" to center the link on the button

Finish this go to the navbar template and serch for the links that you add manualy on it

should be something like this (example)
Code:
<td class="vbmenu_control"><a href="index.php$session[sessionurl_q]">Home</a></td>
<td class="vbmenu_control"><a href="index_forum.php$session[sessionurl_q]">Forum</a></td>
<td class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
at this point you should add size of the button adding in front of "class". The "width" may change ,depends on the size of the link and for the " height" for this button picture that is a correct one , again a may change if you make your button picture .

Like this
Code:
<td width="80" height="28" class="vbmenu_control"><a href="index.php$session[sessionurl_q]">Home</a></td>
<td width="80" height="28" class="vbmenu_control"><a href="index_forum.php$session[sessionurl_q]">Forum</a></td>
<td width="80" height="28" class="vbmenu_control"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
Do this on all your links and Voila'

You may want to search on this forum how to add links on the navbar , If you don't know how .

Enjoy
Attached Thumbnails
Click image for larger version
Name:	forum1.jpg
Views:	217
Size:	25.6 KB
ID:	118961  

Similar Mods

Mini Mods Add buttons your on navbar vBulletin 4.x Template Modifications

vblts.ru supports vBulletin®, 2022-2024