[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!

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.

Nice job floris :) Thanks for sharing the mod with us!

Yeah, thanks for sharing. That is the one problem I have with the default vb templates. The reason being is that it is inconsistent. I mean....if you decide to skip the outer border and just use an inner border, you won't even see it in the navbar.

Thanks floris for this nice modification !

Thanks Floris, your Design modifications are highly appreciated!

Thanks Floris, your Design modifications are highly appreciated!
Thank you all for your kind feedback - I am glad I can help a few people improving their style.

Question about this mod:

Is it just me or that after applying this mod the dropdown menus do not line up with the bottom of the table - they line up 2 pixels above the bottom of the table (since we added the two pixels on the top/bottom)? How can you change where the dropdown menus line up? See attached image...