How-To: Center my forum logo?

h@ck3r · Jan 16, 2009

As title, my logo does not appear central.

It's to the left of my site as shown here:
View attachment 10163

It doesn't look that bad in this screenshot, but on my widescreen laptop, it sits waaaaaay over to the left.

I'm not sure which template I need to edit. Can someone please tell me?

tropickz · Jan 16, 2009

You would edit your header code, most likely look for the <td> tag and add align center in it. If not then copy and paste your header template code in here.

bluescorpion · Jan 16, 2009

find in your header template:

<td align="$stylevar[align=left]">

change it to :

<td align="center">

h@ck3r · Jan 16, 2009

tropickz said:
You would edit your header code, most likely look for the <td> tag and add align center in it. If not then copy and paste your header template code in here.

Thanks, but my main banner is not in here. Only 'spacer.gif' (Which goes over the top of my banner, and if clicked, takes me to the forum homepage.

Here's the code anyway:

Code:

<!-- logo -->
<a name="top"></a>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper">
  <tr>
    <td class="headerwrap"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="logowrap"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/solido/spacer.gif" alt="$vboptions[bbtitle]" width="750" height="129"></a></td>
        <td valign="top">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="navwrap">
    </td>
  </tr>
  <tr>
    <td valign="top">
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
<div id="header"> 
<ul>
<table id="navstyle" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">
        <if condition="$show['registerbutton']">
            <td><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        $template_hook[navbar_buttons_left]
        <td><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
        <if condition="$show['popups']">       
        </if>
            <if condition="$show['member']">
                <td id="usercptools" ><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>       
            </if>
                  <if condition="$show['member']">           
                <td><a href="#" onClick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>           
            </if>           
        $template_hook[navbar_buttons_right]
        <if condition="$show['member']">
            <td><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onClick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
        </if>
    </tr>
    </table>
    <!-- Search -->
<form action="search.php?do=process" method="post" name="vbform" id="searchform" style="display:block; margin:5px"> 
  <div align="right">  <a href="search.php" class="style1">Advanced search</a>
  <input type="hidden" name="s" value="" /> 
  <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> 
  <input type="hidden" name="do" value="process" /> 
  <input type="hidden" name="searchthreadid" value="" />
  <input type="text" class="bginput" name="query" size="28" tabindex="1001" value="Type, then hit 'Enter' to search" onFocus="value='';"/> 
  </div>
</form>
<!-- /Advanced search -->
</ul> 
</div>
<div id="header"> 
<ul>
<!-- Classifieds -->
<li><a href="forumdisplay.php?f=27">Classifieds</a></li>
<!-- /Classifieds -->
<if condition="$show['communitylink'] AND $show['popups']">
  <li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> 
      <script type="text/javascript"> vbmenu_register("community"); </script>
  </li>
  <else />
  <if condition="$vboptions['enablememberlist']">
<!--  FAQ -->
<li><a href="faq.php">FAQ</a></li>
<!-- /FAQ -->
    <li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
  </if>
  <if condition="$show['quick_links_groups']">
    <li><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></li>
  </if>
</if>
<!-- Arcade -->
<li><a href="arcade.php">Arcade</a></li>
<!-- /Arcade -->
<!-- Platinum -->
<li><a href="payments.php">Upgrade membership</a></li>
<!-- /Platinum -->
<!-- new posts -->
<if condition="$show['member']"></if>
<if condition="$show['member']">
  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
  <else />
    <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
<!-- /new posts -->
<!-- Reg/usecp -->
<if condition="$show['member']">
  <li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>
<!-- /Reg/usecp -->
</ul> 
</div>

I'm guessing the code that needs editing is in the CSS file (Posted below):

Code:

.headerwrap {
	background-color: #FFFFFF;
	background-image: url(images/solido/solido_headerbg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 129px;
}
.wrapper {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #BBC7D2;
	border-bottom-color: #BBC7D2;
	border-left-color: #BBC7D2;
}
.logowrap {
	background-image: url(images/solido/solido_logo.gif);
	background-position:center;
	height: 129px;
	width: 770px;
}
#navstyle{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top:0px;
	font-weight: bold;
}
#navstyle a{
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#navstyle a:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:##000;
	text-decoration: underline;
	font-weight: bold;
}
.wrapper .headerwrap .logowrap img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* Tab styles */
    #header {
        clear:both;
        float:left;
        width:100%;
    }
    #header ul {
        clear:left;
        float:right;
        width:100%;
        list-style:none;
        margin:0 0 0 10px;
        padding:0;
    }
    #header ul li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0;
    }
    #header ul li input {
        display:inline;
        float:right;
        margin:0 0 0 1px;
        text-align:center;
        background:#fff
        color:#000;
        text-decoration:none;
        position:relative;
    }
    #header ul li a {
        display:block;
        float:right;
        margin:0 0 0 1px;
        padding:3px 10px;
        text-align:center;
        background:#435585;
        color:#fff;
        text-decoration:none;
        position:relative;
        right:5px;
        line-height:1.3em;
    }
    #header ul li a:hover {
        background:#9ECE22;
        color:#000;
    }


<!--
.style1 {
	font-size: 10px
}
-->

This part that I found in the CSS refers to the logo/ banner I wish to center, but I have already tried centering it yet it's still sitting to the left.

Code:

}
[COLOR="Red"].logowrap {
	background-image: url(images/solido/solido_logo.gif);
	background-position:center;
	height: 129px;
	width: 770px;
}[/COLOR]

h@ck3r · Jan 16, 2009

bluescorpion said:
find in your header template:
<td align="$stylevar[align=left]">

That code does not exist in my header template.

tropickz · Jan 16, 2009

See if this works, I added align center in your td tag, highlighted in red.

Code:

<!-- logo -->
<a name="top"></a>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper">
  <tr>
    <td class="headerwrap"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="logowrap" [color=Red]align="center"><[/color]a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/solido/spacer.gif" alt="$vboptions[bbtitle]" width="750" height="129"></a></td>
        <td valign="top">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="navwrap">
    </td>
  </tr>
  <tr>
    <td valign="top">
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
<div id="header"> 
<ul>
<table id="navstyle" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">
        <if condition="$show['registerbutton']">
            <td><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        $template_hook[navbar_buttons_left]
        <td><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
        <if condition="$show['popups']">       
        </if>
            <if condition="$show['member']">
                <td id="usercptools" ><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>       
            </if>
                  <if condition="$show['member']">           
                <td><a href="#" onClick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>           
            </if>           
        $template_hook[navbar_buttons_right]
        <if condition="$show['member']">
            <td><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onClick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
        </if>
    </tr>
    </table>
    <!-- Search -->
<form action="search.php?do=process" method="post" name="vbform" id="searchform" style="display:block; margin:5px"> 
  <div align="right">  <a href="search.php" class="style1">Advanced search</a>
  <input type="hidden" name="s" value="" /> 
  <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> 
  <input type="hidden" name="do" value="process" /> 
  <input type="hidden" name="searchthreadid" value="" />
  <input type="text" class="bginput" name="query" size="28" tabindex="1001" value="Type, then hit 'Enter' to search" onFocus="value='';"/> 
  </div>
</form>
<!-- /Advanced search -->
</ul> 
</div>
<div id="header"> 
<ul>
<!-- Classifieds -->
<li><a href="forumdisplay.php?f=27">Classifieds</a></li>
<!-- /Classifieds -->
<if condition="$show['communitylink'] AND $show['popups']">
  <li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> 
      <script type="text/javascript"> vbmenu_register("community"); </script>
  </li>
  <else />
  <if condition="$vboptions['enablememberlist']">
<!--  FAQ -->
<li><a href="faq.php">FAQ</a></li>
<!-- /FAQ -->
    <li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
  </if>
  <if condition="$show['quick_links_groups']">
    <li><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></li>
  </if>
</if>
<!-- Arcade -->
<li><a href="arcade.php">Arcade</a></li>
<!-- /Arcade -->
<!-- Platinum -->
<li><a href="payments.php">Upgrade membership</a></li>
<!-- /Platinum -->
<!-- new posts -->
<if condition="$show['member']"></if>
<if condition="$show['member']">
  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
  <else />
    <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
<!-- /new posts -->
<!-- Reg/usecp -->
<if condition="$show['member']">
  <li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>
<!-- /Reg/usecp -->
</ul> 
</div>
I'm guessing the code that needs editing is in the CSS file (Posted below):

h@ck3r · Jan 16, 2009

tropickz said:

See if this works, I added align center in your td tag, highlighted in red.

Code:

<!-- logo -->
<a name="top"></a>
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" class="wrapper">
  <tr>
    <td class="headerwrap"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="logowrap" [color=Red]align="center"><[/color]a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/solido/spacer.gif" alt="$vboptions[bbtitle]" width="750" height="129"></a></td>
        <td valign="top">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="navwrap">
    </td>
  </tr>
  <tr>
    <td valign="top">
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
<div id="header"> 
<ul>
<table id="navstyle" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">
        <if condition="$show['registerbutton']">
            <td><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        $template_hook[navbar_buttons_left]
        <td><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
        <if condition="$show['popups']">       
        </if>
            <if condition="$show['member']">
                <td id="usercptools" ><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>       
            </if>
                  <if condition="$show['member']">           
                <td><a href="#" onClick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>           
            </if>           
        $template_hook[navbar_buttons_right]
        <if condition="$show['member']">
            <td><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onClick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
        </if>
    </tr>
    </table>
    <!-- Search -->
<form action="search.php?do=process" method="post" name="vbform" id="searchform" style="display:block; margin:5px"> 
  <div align="right">  <a href="search.php" class="style1">Advanced search</a>
  <input type="hidden" name="s" value="" /> 
  <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> 
  <input type="hidden" name="do" value="process" /> 
  <input type="hidden" name="searchthreadid" value="" />
  <input type="text" class="bginput" name="query" size="28" tabindex="1001" value="Type, then hit 'Enter' to search" onFocus="value='';"/> 
  </div>
</form>
<!-- /Advanced search -->
</ul> 
</div>
<div id="header"> 
<ul>
<!-- Classifieds -->
<li><a href="forumdisplay.php?f=27">Classifieds</a></li>
<!-- /Classifieds -->
<if condition="$show['communitylink'] AND $show['popups']">
  <li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> 
      <script type="text/javascript"> vbmenu_register("community"); </script>
  </li>
  <else />
  <if condition="$vboptions['enablememberlist']">
<!--  FAQ -->
<li><a href="faq.php">FAQ</a></li>
<!-- /FAQ -->
    <li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
  </if>
  <if condition="$show['quick_links_groups']">
    <li><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></li>
  </if>
</if>
<!-- Arcade -->
<li><a href="arcade.php">Arcade</a></li>
<!-- /Arcade -->
<!-- Platinum -->
<li><a href="payments.php">Upgrade membership</a></li>
<!-- /Platinum -->
<!-- new posts -->
<if condition="$show['member']"></if>
<if condition="$show['member']">
  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
  <else />
    <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
<!-- /new posts -->
<!-- Reg/usecp -->
<if condition="$show['member']">
  <li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>
<!-- /Reg/usecp -->
</ul> 
</div>
I'm guessing the code that needs editing is in the CSS file (Posted below):

It moved it slightly, but not to the center.

It looks as though there is an extra column there that shouldn't be...

See image below:

View attachment 10166

That image which you added the center tag to- it's not my banner. That is the clear.gif image that goes over the main banner (solido_logo.gif).

So although it has moved the clear.gif image slightly to the right, it's not moved the solido_logo.gif image at all.

I don't know why it's been designed like this- it's a skin called 'Solido'.

I thi

h@ck3r · Jan 16, 2009

OK I've done it. Sussed it from what I just posted

I removed that extra column and it's fixed now. (Unless that column was there for a reason?)

tropickz · Jan 16, 2009

Yes its coded wierd. Try one of these each time, not both at same time.

Code:

<!-- logo -->
<a name="top"></a>
<table width="80%" border="0" cellpadding="0" cellspacing="0" class="wrapper" align="center">
  <tr>
    <td class="headerwrap" [color=Red]align="center"><[/color]table width="100%" border="0" cellspacing="0" cellpadding="0" [color=red]align="center">[/color]
      <tr>
        <td class="logowrap"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="images/solido/spacer.gif" alt="$vboptions[bbtitle]" width="750" height="129"></a></td>
        <td valign="top">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="navwrap">
    </td>
  </tr>
  <tr>
    <td valign="top">
<!-- /logo -->

<!-- content table -->
$spacer_open

$_phpinclude_output
<div id="header"> 
<ul>
<table id="navstyle" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" style="border-top-width:0px">
    <tr align="center">
        <if condition="$show['registerbutton']">
            <td><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        $template_hook[navbar_buttons_left]
        <td><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
        <if condition="$show['popups']">       
        </if>
            <if condition="$show['member']">
                <td id="usercptools" ><a href="$show[nojs_link]#usercptools">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>       
            </if>
                  <if condition="$show['member']">           
                <td><a href="#" onClick="window.open('misc.php?$session[sessionurl]do=buddylist&focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_buddy_list]</a></td>           
            </if>           
        $template_hook[navbar_buttons_right]
        <if condition="$show['member']">
            <td><a href="login.php?$session[sessionurl]do=logout&logouthash=$bbuserinfo[logouthash]" onClick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
        </if>
    </tr>
    </table>
    <!-- Search -->
<form action="search.php?do=process" method="post" name="vbform" id="searchform" style="display:block; margin:5px"> 
  <div align="right">  <a href="search.php" class="style1">Advanced search</a>
  <input type="hidden" name="s" value="" /> 
  <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> 
  <input type="hidden" name="do" value="process" /> 
  <input type="hidden" name="searchthreadid" value="" />
  <input type="text" class="bginput" name="query" size="28" tabindex="1001" value="Type, then hit 'Enter' to search" onFocus="value='';"/> 
  </div>
</form>
<!-- /Advanced search -->
</ul> 
</div>
<div id="header"> 
<ul>
<!-- Classifieds -->
<li><a href="forumdisplay.php?f=27">Classifieds</a></li>
<!-- /Classifieds -->
<if condition="$show['communitylink'] AND $show['popups']">
  <li><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> 
      <script type="text/javascript"> vbmenu_register("community"); </script>
  </li>
  <else />
  <if condition="$vboptions['enablememberlist']">
<!--  FAQ -->
<li><a href="faq.php">FAQ</a></li>
<!-- /FAQ -->
    <li><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></li>
  </if>
  <if condition="$show['quick_links_groups']">
    <li><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></li>
  </if>
</if>
<!-- Arcade -->
<li><a href="arcade.php">Arcade</a></li>
<!-- /Arcade -->
<!-- Platinum -->
<li><a href="payments.php">Upgrade membership</a></li>
<!-- /Platinum -->
<!-- new posts -->
<if condition="$show['member']"></if>
<if condition="$show['member']">
  <li><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></li>
  <else />
    <li><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></li>
</if>
<!-- /new posts -->
<!-- Reg/usecp -->
<if condition="$show['member']">
  <li><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></li>
</if>
<!-- /Reg/usecp -->
</ul> 
</div>
I'm guessing the code that needs editing is in the CSS file (Posted below):

h@ck3r · Jan 16, 2009

Thanks buddy but I've already done it. Check my 2 posts before your last one

bluescorpion · Jan 16, 2009

Glad you got is sorted... the code I gave, btw, is from the default template. If you posted your "custom" code, you/we could have fixed it first time aroung, fyi.

h@ck3r · Jan 16, 2009

bluescorpion said:
Glad you got is sorted... the code I gave, btw, is from the default template. If you posted your "custom" code, you/we could have fixed it first time aroung, fyi.

OK Thanks

Maybe you could help me with another thing regarding the header....

I want to add this new banner with rounded edges, but when I upload it I get these spaces either side:

View attachment 10168

The spaces are even bigger on my widescreen laptop, so increasing the size of the banner (width) is no good. Im guessing I need to add a couple more columns somehow and maybe slice the image but how would I go about it?

I've never sliced images before and don't know where to add the columns.

...Unless there's another way around it?

h@ck3r · Jan 17, 2009

Could anyone please help me with this?

How-To: Center my forum logo?

h@ck3r

New Member

tropickz

New Member

bluescorpion

New Member

h@ck3r

New Member

h@ck3r

New Member

tropickz

New Member

h@ck3r

New Member

h@ck3r

New Member

tropickz

New Member

h@ck3r

New Member

bluescorpion

New Member

h@ck3r

New Member

h@ck3r

New Member