Phantasmagoric
02-14-2009, 02:08 PM
Hello, I need to ask for some help please!
I am working on a skin presently (not commercial, none of my designs are commercial) I have almost got this category graphic thing cracked but I am stuck on how to get the borders to show up.
This is the code I am using in the forumhome_forumbit_level1_nopost
<!-- top -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/ftl.gif" alt="" /></td>
<td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/ftc.gif); text-align: center;"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/ftr.gif" alt="" /></td>
</tr>
</table>
<!-- /top -->
<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<if condition="$childforumbits">
<if condition="!$show['collapsable_forums']">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
</if>
<tr align="center">
<td class="thead" width="5%"> </td>
<td class="thead" width="50%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="25%">$vbphrase[last_post]</td>
<td class="thead" width="10%">$vbphrase[threads]</td>
<td class="thead" width="10%">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead" width="0%">$vbphrase[moderator]</td>
</if>
</tr>
$childforumbits
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>
</table>
</div>
</div>
<!-- bottom -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/fbl.gif" alt="" /></td>
<td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/fbc.gif); text-align: center;"></td>
<td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/fbr.gif" alt="" /></td>
</tr>
</table>
<!-- /bottom -->
<div style="padding: 5px 5px 5px 5px;"></div>
The bit I am trying to get the borders in with is this:
<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />
This how far I have got with it on my own:
http://skins4forums.org/vbskins/index.php?styleid=27
The image below shows how it should look:
Can anyone see where i have gone wrong in trying to get the borders to show up and if so would you please show me how to do it?
I am working on a skin presently (not commercial, none of my designs are commercial) I have almost got this category graphic thing cracked but I am stuck on how to get the borders to show up.
This is the code I am using in the forumhome_forumbit_level1_nopost
<!-- top -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/ftl.gif" alt="" /></td>
<td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/ftc.gif); text-align: center;"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
</td>
<td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/ftr.gif" alt="" /></td>
</tr>
</table>
<!-- /top -->
<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<if condition="$childforumbits">
<if condition="!$show['collapsable_forums']">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
</if>
<tr align="center">
<td class="thead" width="5%"> </td>
<td class="thead" width="50%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="25%">$vbphrase[last_post]</td>
<td class="thead" width="10%">$vbphrase[threads]</td>
<td class="thead" width="10%">$vbphrase[posts]</td>
<if condition="$vboptions['showmoderatorcolumn']">
<td class="thead" width="0%">$vbphrase[moderator]</td>
</if>
</tr>
$childforumbits
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>
</table>
</div>
</div>
<!-- bottom -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr>
<td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/fbl.gif" alt="" /></td>
<td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/fbc.gif); text-align: center;"></td>
<td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/fbr.gif" alt="" /></td>
</tr>
</table>
<!-- /bottom -->
<div style="padding: 5px 5px 5px 5px;"></div>
The bit I am trying to get the borders in with is this:
<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />
This how far I have got with it on my own:
http://skins4forums.org/vbskins/index.php?styleid=27
The image below shows how it should look:
Can anyone see where i have gone wrong in trying to get the borders to show up and if so would you please show me how to do it?