Announcement

Collapse
No announcement yet.

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

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Floris
    replied
    Tweak - shiney border

    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.
    Attached Files
    Last edited by Floris; Thu 7 Oct '04, 2:29am.

    Leave a comment:


  • Floris
    started a topic [HowTo] [3.0.3] Match the navbar to default style

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

    [HowTo] [3.0.3] Match the navbar to default style
    By: Floris - 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:

    HTML Code:
    <!-- nav buttons bar -->
    * Below this, on a new line, add this code:

    HTML 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:

    HTML 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:

    HTML Code:
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
    * Then find this code:

    HTML Code:
    <!-- / nav buttons bar -->
    * And above this, on a new line, add this code:

    HTML Code:
    </td></tr>
    </table>
    * Finally, save the template navbar and you are done!
    Attached Files
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X