Ok just bought and installed VBulletin about a week ago, all's good, but am stuck on a styling issue that's driving me nuts.
Some help with this would be greatly appreciated
Here is my forum website url: http://www.virtualsorrento.com.au/forums/
This is the problem I'm trying to solve
I need to replicate (from image above) Nos 1 & 2
For 3 & 4
Side border and footer for 1 & 2 were done like this:
<!-- guest welcome message -->
<div class="topcat_grad">
<div class="topcat_tl">
<div class="topcat_tr">
<div class="topcat_title"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></div>
</div>
</div>
</div>
<div class="visit_message"><phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase></div>
<div id="footer-bottom">
<div id="bl">
<div id="br"></div>
</div>
</div>
</div>
<!-- / guest welcome message -->
But for 3 & 4 as you can see from image above I'm having trouble, I need to be able to get a left and right side border for the topics (hopefully as a Div) and at the bottom of the topics table have my footer div footer
I think this is where my code should go, but don't know what and where. This is where I am so far.
<!----------- forumhome_forumbit_level1_nopost ---------->
</table>
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="96%" align="center" >
<if condition="!$show['collapsable_forums']">
<tbody>
</if>
<tr>
<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<br/>
<div class="topcat_grad">
<div class="topcat_tl">
<div class="topcat_tr">
<div class="topcat_title"> <if condition="$childforumbits">
<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>
</if>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a></div>
</div>
</div>
</div>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<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%" align="center">$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">$vbphrase[moderator]</td>
</if>
</tr>
</thead>
</table>
<if condition="$show['forumdescription']"><div class="visit_message"><div class="smallfont">$forum[description]</div></div></if>
<if condition="$show['subforums']"><div class="visit_message"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></div></if>
</td>
</tr>
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
<if condition="$childforumbits">
<if condition="!$show['collapsable_forums']">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
</if>
$childforumbits
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>
<!----------- / forumhome_forumbit_level1_nopost ---------->
Hope this all makes sense, and some one can help with this
Cheers
Ray
Some help with this would be greatly appreciated
Here is my forum website url: http://www.virtualsorrento.com.au/forums/
This is the problem I'm trying to solve
I need to replicate (from image above) Nos 1 & 2
For 3 & 4
Side border and footer for 1 & 2 were done like this:
<!-- guest welcome message -->
<div class="topcat_grad">
<div class="topcat_tl">
<div class="topcat_tr">
<div class="topcat_title"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></div>
</div>
</div>
</div>
<div class="visit_message"><phrase 1="faq.php$session[sessionurl_q]" 2="register.php$session[sessionurl_q]">$vbphrase[first_visit_message]</phrase></div>
<div id="footer-bottom">
<div id="bl">
<div id="br"></div>
</div>
</div>
</div>
<!-- / guest welcome message -->
But for 3 & 4 as you can see from image above I'm having trouble, I need to be able to get a left and right side border for the topics (hopefully as a Div) and at the bottom of the topics table have my footer div footer
I think this is where my code should go, but don't know what and where. This is where I am so far.
<!----------- forumhome_forumbit_level1_nopost ---------->
</table>
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="96%" align="center" >
<if condition="!$show['collapsable_forums']">
<tbody>
</if>
<tr>
<td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
<br/>
<div class="topcat_grad">
<div class="topcat_tl">
<div class="topcat_tr">
<div class="topcat_title"> <if condition="$childforumbits">
<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>
</if>
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a></div>
</div>
</div>
</div>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
<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%" align="center">$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">$vbphrase[moderator]</td>
</if>
</tr>
</thead>
</table>
<if condition="$show['forumdescription']"><div class="visit_message"><div class="smallfont">$forum[description]</div></div></if>
<if condition="$show['subforums']"><div class="visit_message"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></div></if>
</td>
</tr>
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
<if condition="$childforumbits">
<if condition="!$show['collapsable_forums']">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
</if>
$childforumbits
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>
<!----------- / forumhome_forumbit_level1_nopost ---------->
Hope this all makes sense, and some one can help with this
Cheers
Ray
Comment