I have my forum width set to 760, and for some reason all the tables in that main vbogram template were stretching my page about 40 pixels too wide. It also looked to cluttered having 2 additional tables in there when they didn't need to be so I did my best to make it blend better with the rest of the vBulletin style layout. In my opinion it's much cleaner
HTML Code:
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<title>$vboptions[bbtitle] ~ $vboptions[vbt_name] - powered by vBulletin</title>
$headinclude
</head>
<body>
$header
$navbar
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="tcat" colspan="2">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>
<td class="vbmenu_control" id="imagepics">
<div align="center"><a href="#goto_imagepics">$vbphrase[vbog_more_pics]</a>
<script type="text/javascript"> vbmenu_register("imagepics"); </script>
</div></td>
<td class="tcat" colspan="2">
<strong><span class="normalfont"><center>$welcometitle<center></span></strong>
</td>
<td class="vbmenu_control" id="flashpics">
<div align="center"><a href="#goto_flashpics">$vbphrase[vbog_flash_fun]</a>
<script type="text/javascript"> vbmenu_register("flashpics"); </script>
</div></td>
</tr>
</table>
<!-- thread tools menu -->
<div class="vbmenu_popup" id="imagepics_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
$thisimageis
</table>
</div>
<div class="vbmenu_popup" id="flashpics_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
$thisflash
</table>
</div>
</td>
</tr>
<tr>
<td class="thead">Please completely fill out the form.</td>
</tr>
<tr>
<td height="264" align="center" class="panelsurround">
<form action="vb_o_gram.php" name="vbform" method="post"<if condition="!is_browser('webtv')"> onsubmit="return validatePost(this, 0, $vboptions[postminchars], $vboptions[postmaxchars]);" onreset="vB_RESET(this);"</if>>
<input type="hidden" name="do" value="sendogram" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="imageid" value="$getimage[vbogram_imgid]" />
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<fieldset class="fieldset">
<legend><b>$getimage[title]</b></legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0" align="center">
<tr>
<td>
$picbit
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldset">
<legend>$vbphrase[vbog_sender_name]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>
<input type="text" name="sender" size=40 value="$bbuserinfo[username]" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldset">
<legend>$vbphrase[vbog_sender_email]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>
<input type="text" name="senderemail" size=40 value="$bbuserinfo[email]" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldset">
<legend>$vbphrase[vbog_recievers_name]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>
<input type="text" name="receivername" size=40 value="" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldset">
<legend>$vbphrase[vbog_send_to_email]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>
<input type="text" name="sendtoemail" size=40 value="" />
</td>
</tr>
</table>
</fieldset>
<fieldset class="fieldset">
<legend>$vbphrase[message]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td>
<!-- WYSIWYG / non WYSIWYG posting box -->
$messagearea
<!-- end WYSIWYG / non WYSIWYG posting box -->
</td>
</tr>
</table>
</fieldset>
</div>
</div>
<div style="margin-top:$stylevar[cellpadding]px">
<center><input type="submit" class="button" name="addeditform" value="$vbphrase[send]" accesskey="s" tabindex="4" /> <input type="reset" class="button" name="reset" value="$vbphrase[reset_fields]" accesskey="r" /></center>
</div>
</td>
</tr>
</form>
</form>
</table>
$footer
</body>
</html>
More Information