Separate corner images at the ends of "gradient_tcat" sections [Archive]

0lly

08-22-2007, 01:51 PM

Hi, at the top of each section on the forum index there's the usual "gradient_tcat.gif" headers, but lots of forums I've seen have rounded corners or custom images at the ends of thwe rows, how do you add them?

Eg: This image; http://transversestyles.com/vB/images/explode/misc/cat_top_l.gif

On the following skin;

http://transversestyles.com/vB/?styleid=161

Thanks :)

PS: The guide at the following link doesn't work because the template has changed; http://www.vbhackers.com/f78/rounded-category-strips-5520/

helmlein

08-22-2007, 05:13 PM

1st step: split the categories.

2nd step:

use this "forumhome_forumbit_level1_nopost"!!!


<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="50" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_left.gif" alt="" height="20"/></td>
<td width="100%" style="background-image:url($stylevar[imgdir_misc]/botcenter.gif)"><img src="$stylevar[imgdir_misc]/header_bg.gif" alt="" width="100%" height="20" border="0"/></td>
<td width="50" align="right" valign="top"><img src="$stylevar[imgdir_misc]/header_right.gif" alt="" height="20"/></td>
</tr>
</table>

</table>

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<tbody>
<tr>
<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<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>
<tr align="center">
<td class="thead" width="5%"> </td>
<td class="thead" width="45%" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="30%">$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>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</tbody>
</if>

<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="30" align="left" valign="top"><img src="$stylevar[imgdir_misc]/footer_left.gif" alt="" height="23"/></td>
<td width="100%" style="background-image:url($stylevar[imgdir_misc]/botcenter.gif)"><img src="$stylevar[imgdir_misc]/footer_bg.gif" alt="" width="100%" height="23" border="0"/></td>
<td width="30" align="right" valign="top"><img src="$stylevar[imgdir_misc]/footer_right.gif" alt="" height="23"/></td>
</tr>
</table>


<br />

</if>