Have corners in the tcat?

[sunster13]

I was wondering if it was possible to get corners, or images on the left and right of the tcat.

Here's what I mean:

http://forums.ifskinzone.net/

So, I'd have an image on the left set as the background so text can overlap, an image in the middle as the background so my template can be set to fluid, and an image on the right.

How and where would I go to edit that?


Thanks

[unenergizer]

Thats just basic HTML.. You may want to read up on tables.

[sunster13]

Thats just basic HTML.. You may want to read up on tables.

Yeah I know that, but I don't know which section it is so I can edit it.

[CyberAlien]

If you want to change only index, then edit tables that have class="tborder" in template "forumhome". If you want to change all pages then you'll need to edit 100+ templates for almost every table that has class="tborder".

Just move first table row where title is outside of table and put it in other table with rounded images, so it would be like this:<table ...>
<tr>
<td align="left"> left rounded image </td>
<td class="tcat"> here is title </td>
<td align="right"> right rounded image </td>
</tr>
</table>
<table class="tborder" ...>
..and the rest of original table

[sunster13]

If you want to change only index, then edit tables that have class="tborder" in template "forumhome". If you want to change all pages then you'll need to edit 100+ templates for almost every table that has class="tborder".

Just move first table row where title is outside of table and put it in other table with rounded images, so it would be like this:<table ...>
<tr>
<td align="left"> left rounded image </td>
<td class="tcat"> here is title </td>
<td align="right"> right rounded image </td>
</tr>
</table>
<table class="tborder" ...>
..and the rest of original table

Thanks, it kinda helps, but not so much with the skin I have.

But here's the skin I have:

http://www.vbmode.com/?styleid=31

So the forum title, I would want some kind of background image, which would have a curve or something. The middle would just be a gradient as the background, and the right, another curvy thing.

The forumhome is attached.


Thanks for helping.

[CyberAlien]

In your case you need to edit one of forumhome_forumbit templates, most likely forumhome_forumbit_level1_nopost. To start lets convert who's online box to use rounded corners as its the simpliest part to do, then you'll need to convert all other tables similar way.

In forumhome find this:<!-- what's going on box -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
</tr>
</thead>
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
and replace with something like this:<!-- what's going on box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_left.gif" width="20" height="20" border="0" alt="" /></td>
<td width="100%" class="tcat">$vbphrase[whats_going_on]</td>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_right.gif" width="20" height="20" border="0" alt="" /></td>
</tr>
</table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-top-width: 0;">
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
You'll need to make 2 images for corners. In example above I named them "corner_left.gif" and "corner_right.gif" and that code assumes images are in "misc" directory of your style's images and images are 20x20 pixels.

So create two corner images that would match design and then adjust that code for your images. When you do that apply same changes to other tables that you want to have rounded corners.

[sunster13]

In your case you need to edit one of forumhome_forumbit templates, most likely forumhome_forumbit_level1_nopost. To start lets convert who's online box to use rounded corners as its the simpliest part to do, then you'll need to convert all other tables similar way.

In forumhome find this:<!-- what's going on box -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>
</tr>
</thead>
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
and replace with something like this:<!-- what's going on box -->
<table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_left.gif" width="20" height="20" border="0" alt="" /></td>
<td width="100%" class="tcat">$vbphrase[whats_going_on]</td>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_right.gif" width="20" height="20" border="0" alt="" /></td>
</tr>
</table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-top-width: 0;">
<if condition="$show['loggedinusers']">
<!-- logged-in users -->
You'll need to make 2 images for corners. In example above I named them "corner_left.gif" and "corner_right.gif" and that code assumes images are in "misc" directory of your style's images and images are 20x20 pixels.

So create two corner images that would match design and then adjust that code for your images. When you do that apply same changes to other tables that you want to have rounded corners.

Thanks, that is pretty much what I was looking for, and I understand it, but it looks like the level1_nopost is a bit different.

Here's what it looks like:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<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>
</table>

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<tr align="center">
<td class="thead" width="50"></td>
<td class="thead" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="30%">$vbphrase[last_post]</td>
<td class="thead" width="50">$vbphrase[threads]</td>
<td class="thead" width="50">$vbphrase[posts]</td>
<if condition="$vboptions[showmoderatorcolumn]">
<td class="thead">$vbphrase[moderator]</td>
</if>
</tr>
$childforumbits
</if>
</tbody>
</table><div style="padding: 5px 5px 5px 5px;"></div>



Thanks again for your help. ;)

[CyberAlien]

In that code you have more than one row in title text if description of child forums present, so I suggest to split it in two different headers: rounded one will be shown if title has only one line of text, standard one will be shown if more than one line of text. Something like this:<if condition="$show['forumdescription'] or $show['subforums']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<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>
</table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<else />
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_left.gif" width="20" height="20" border="0" alt="" /></td>
<td class="tcat" width="100%">
<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>
</td>
<td width="20"><img src="$stylevar[imgdir_misc]/corner_right.gif" width="20" height="20" border="0" alt="" /></td>
</tr>
</table>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" style="border-top-width: 0;">
</if>

<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
<tr align="center">
<td class="thead" width="50"></td>
<td class="thead" align="$stylevar[left]">$vbphrase[forum]</td>
<td class="thead" width="30%">$vbphrase[last_post]</td>
<td class="thead" width="50">$vbphrase[threads]</td>
<td class="thead" width="50">$vbphrase[posts]</td>
<if condition="$vboptions[showmoderatorcolumn]">
<td class="thead">$vbphrase[moderator]</td>
</if>
</tr>
$childforumbits
</if>
</tbody>
</table><div style="padding: 5px 5px 5px 5px;"></div>

[sunster13]

There we go, that's exactly what I was looking for. Thanks so much for your help. :D