Centering Logo and Making full width

[Nemesis77]

Does anyone have a template mod so I can center my logo and make it the full width of the screen like here at vb.org or a hack for adding a new header

I added <center> </center> around the code in the header for my logo but it stays to the left and pushes the forum to the right and bunches them together.

Thanks for any help.

[lifesourcerec]

I'm new to messing with vB, but what you are looking for is in the "header" template between:

<!-- logo and buttons -->

<!-- toplinks -->

which is at the very top of the template. I removed everything between those and just built a full screen gif into a table (used Dreamweaver). Make sure you store your *.gif/jpg in the forums/images folder and use variable { imagesfolder }/gif/jpg name. (minus the space).

As I said, I'm new, so wait on more replies before you try it and as always, back up your database before hacking :)

[Nemesis77]

I got my logo Centered perfectly over the top of my board. My images width is the same as the logo for VB.org. 765 pixels Wide.

But my logo still isn't showing the full width of the screen.

here's what I used in my header to center the logo

<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td background="{ imagesfolder}/background.gif" align="center"><img border="0" src="{ imagesfolder}/dazelogo.jpg"></a></td>
</tr>
</table>

[M.Smith]

the one on this forum probably looks something like this
<table width="100%" cellspacing="0" cellpadding="0" border="0"><tr><td background="https://vborg.vbsupport.ru/images/side_image.gif"></td><td width="765"><a href="index.php?s="><img src="https://vborg.vbsupport.ru/images/logo.gif"></a></td><td background="https://vborg.vbsupport.ru/images/side_image.gif"></td></tr></table>
you could modify your code to this:<table width="100%" border=0 cellspacing=0 cellpadding=0>
<tr>
<td background="{ imagesfolder}/background.gif" align="center"><img border="0" src="{ imagesfolder}/dazelogo.jpg" width="100%"></a></td>
</tr>
</table>

[Nemesis77]

Thanks For all your help Guys. I got the code. Incase anyone else needs the same this is what I used.


<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="{ imagesfolder}/rightextend.jpg" nowrap height="80">
<center><a href="index.php?s="><img src="{ imagesfolder}/dazelogo.jpg" width="765" height="80" border="0"></a></center>
</td>
</tr>

[lifesourcerec]

what is the rightextend.jpg?

[Nemesis77]

The extend.jpg is just a small pic 1 pixel wide by the same hight as your logo. it's the same color as the end of your logo. if you notice for VB.org's logo it doesn't actuall extend the full width. On both side of the logo is the extend.jpg file.

[Mathiau]

See below :)

[Mathiau]

All i used was


$themeheader
$thememenu
$themeleftcolumn
<!-- content table -->
<table bgcolor="#0E3652" width="100%" cellpadding="10" cellspacing="0" border="0">
<tr>
<td>


BUT this only centers the logo and buttons, now how can i get my forum tables to stay centered with the Logo?

As when u resize your IE window, they do not stay centered and are off to one side....

http://66.207.199.6/forums/index.php?s=

[FWC]

Originally posted by Mathiau
All i used was


$themeheader
$thememenu
$themeleftcolumn
<!-- content table -->
<table bgcolor="#0E3652" width="100%" cellpadding="10" cellspacing="0" border="0">
<tr>
<td>Try:

<!-- content table -->
<table bgcolor="#0E3652" width="100%" cellpadding="10" cellspacing="0" border="0" align="center">

[Nemesis77]

Originally posted by Mathiau
All i used was


$themeheader
$thememenu
$themeleftcolumn
<!-- content table -->
<table bgcolor="#0E3652" width="100%" cellpadding="10" cellspacing="0" border="0">
<tr>
<td>


BUT this only centers the logo and buttons, now how can i get my forum tables to stay centered with the Logo?

As when u resize your IE window, they do not stay centered and are off to one side....

http://66.207.199.6/forums/index.php?s=



Add <center> below the code above. always works for me

[Mathiau]

SWEET!!

okay, this support rules!!..lol