[HowTo] [3.0.3] Match the navbar to default style

[Floris]

[HowTo] [3.0.3] Match the navbar to default style
By: Floris - http://www.vBulletin-Fans.com/ (http://www.vbulletin-fans.com/)

Description: This tutorial will show you how you can modify the navbar template to update it to use the Inner Border Width settings that you picked. In this case, match it to the default design of vBulletin so it shows the bright white line. Just a small tweak, but many people do ask me how to do it, here is how.

Installation:

* Open the navbar template and find this code:


<!-- nav buttons bar -->


* Below this, on a new line, add this code:


<table class="tborder" cellpadding="0" cellspacing="1" border="0" width="100%" align="center" style="border-top-width:0px">
<tr><td>


* Now find this line of code:


<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">


* And replace it with this line of code:


<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">


* Then find this code:


<!-- / nav buttons bar -->


* And above this, on a new line, add this code:


</td></tr>
</table>


* Finally, save the template navbar and you are done!

[Floris]

Tweak - shiney border

Description: This little tweak is to replace the bright inner border line color with a normal white color, this gives it a more fresh and shiney look and sometimes helps brighten up your design.

Installation:

* Goto the Main CSS of the style you want to modify, find the class tborder and click on the color box for the attribute 'background', select the white and save the changes.