vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   Have corners in the tcat? (https://vborg.vbsupport.ru/showthread.php?t=131776)

sunster13 11-17-2006 02:13 AM
Have corners in the tcat?
 
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 11-17-2006 03:59 AM
Thats just basic HTML.. You may want to read up on tables.

sunster13 11-17-2006 11:16 AM
Quote:
Originally Posted by UNEnergizer (Post 1119140)
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 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 11-17-2006 07:45 PM
1 Attachment(s)
Quote:
Originally Posted by CyberAlien (Post 1119342)
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 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 11-17-2006 08:48 PM
Quote:
Originally Posted by CyberAlien (Post 1119564)
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 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 11-17-2006 09:09 PM
There we go, that's exactly what I was looking for. Thanks so much for your help. :D


All times are GMT. The time now is 05:51 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01577 seconds
  • Memory Usage 1,785KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (8)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (9)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete