The Arcive of Official vBulletin Modifications Site.

sunster13 · #1 11-17-2006, 02:13 AM

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 · #2 11-17-2006, 03:59 AM

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

sunster13 · #3 11-17-2006, 11:16 AM

Quote:

Originally Posted by UNEnergizer

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 · #4 11-17-2006, 01:38 PM

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:

Code:

<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 · #5 11-17-2006, 07:45 PM

Quote:

Originally Posted by 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:

Code:

<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 · #6 11-17-2006, 08:00 PM

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:

Code:

<!-- 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:

Code:

<!-- 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 · #7 11-17-2006, 08:48 PM

Quote:

Originally Posted by 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:

Code:

<!-- 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:

Code:

<!-- 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:

Code:

<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 · #8 11-17-2006, 08:59 PM

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:

Code:

<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 · #9 11-17-2006, 09:09 PM

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

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04926 seconds Memory Usage 2,287KB Queries Executed 12 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (8)bbcode_code (3)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (9)post_thanks_box (9)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (9)post_thanks_postbit_info (9)postbit (1)postbit_attachment (9)postbit_onlinestatus (9)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start postbit_attachment tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!