No announcement yet.

[HowTo] [3.0.3] Center your logo in the header

  • Filter
  • Time
  • Show
Clear All
new posts

  • NineToez

    Leave a comment:

  • mferreira

    I need some help to put those buttons in the header on my new style. The code of the style is showed below:

    HTML Code:
    <!-- logo -->
    <a name="top"></a>
    <div align="center">
    <table width="780" border="0" cellpadding="0" cellspacing="0" align="center">
     <td valign="top" align="left">
    <!-- begin vb1 header-->
    <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
     <tr valign="top">
    <td align="left"><img src="$stylevar[imgdir_misc]/forum_header_lt.gif" width="6" height="96" alt="" border="0" /></td>
      <td align="left" style="background: url($stylevar[imgdir_misc]/forum_header_bg.gif); width:100%"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="left"><img src="$stylevar[imgdir_misc]/forum_header_rt.gif" width="6" height="96" alt="" border="0" /></td>
    <tr><td colspan="3" valign="top" align="center">
    <div class="nav"><!-- nav buttons bar -->
    A screenshot containing the position of the buttons is attached.

    please, i need to know what the correct code to insert in order to get those buttons aligned as shown in the screen.

    Thank you very much for any help.
    Attached Files

    Leave a comment:

  • Floris
    started a topic [HowTo] [3.0.3] Center your logo in the header

    [HowTo] [3.0.3] Center your logo in the header

    [HowTo] [3.0.3] Center your logo in the header

    Description: This small template modification will show you how to modify the default header template to get your logo or banner centered in the header on top of your forum.

    Installation Instructions:

    * Go to the Admin Control Panel and login as an Administrator with permission to modify the styles & templates.

    * Go to the (and expand if collapsed) the group "Styles & Templates"

    * Click on "Style Manager"

    * From the page on the right that loads click on the [<< >>] button behind the style you want to modify to expand the group and show all the templates.

    * Select the "header" template and click on the [Customize] button to open it.

    * Find this code:
    HTML Code:
    <td align="$stylevar[left]"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    <td align="$stylevar[right]">
    Now that the nav buttons are in the
    navbar template, you can stick whatever
    you like into this space.
    This makes it much easier for novice
    admins to customize their header
    template without affecting important
    navigation elements.
    * And replace it with this code:
    HTML Code:
    <td align="center"><a href="$vboptions[forumhome].php?$session[sessionurl]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
    * Save the "header" template and you are done.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.