Announcement

Collapse
No announcement yet.

Side borders for topics list & footer at end of all topics

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Side borders for topics list & footer at end of all topics

    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


  • #2
    Try to replace all the forumhome_forumbit_level1_nopost with this one, I dont know it works or not but you can try. Hope it works :-)
    from the code above your first message content controls by <div class="visit_message"> I dont know this class has left and right border or not.
    but my code below has the original vbulletin table tborder, that you want to change its border appearance in main css accordingly to your css rounded corner box.

    Code:
    <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>
                <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>
    
    </div>
    
    </div>
    </div>
    </div>
    
    
    
    <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <if condition="!$show['collapsable_forums']">
    <tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
    </if>
        <tr align="center">
          <td class="thead" width="4%">&nbsp;</td>
          <td class="thead" align="$stylevar[left]">$vbphrase[forum]</td>
          <td class="thead" width="25%">$vbphrase[last_post]</td>
          <td class="thead" width="4%">$vbphrase[threads]</td>
          <td class="thead" width="4%">$vbphrase[posts]</td>
          <if condition="$vboptions['showmoderatorcolumn']">
          <td class="thead">$vbphrase[moderator]</td>
          </if>
        </tr>
    
    
    <if condition="$childforumbits">
    $childforumbits
    </if>
    <if condition="!$show['collapsable_forums']">
    </tbody>
    </if>
    </table>
    
    <div id="footer-bottom">
    <div id="bl">
    <div id="br"></div>
    </div>
    </div>
    <br />
    Get Our New Flat Theme Pro Pack or Grab all 34 vb5.5.1 skins @sultantheme.com -vb3 responsive style or vb4 responsive style and vbcloud custom style

    Comment


    • #3
      That worked - Thnkyou napy8gen

      Worked just fine.

      Got side borders by wrapping table with div's

      <div class="forum_home_border">
      <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
      <if condition="!$show['collapsable_forums']">
      <tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
      </if>
      <tr align="center">
      <td class="thead" width="4%">&nbsp;</td>
      <td class="thead" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead" width="25%">$vbphrase[last_post]</td>
      <td class="thead" width="4%">$vbphrase[threads]</td>
      <td class="thead" width="4%">$vbphrase[posts]</td>
      <if condition="$vboptions['showmoderatorcolumn']">
      <td class="thead">$vbphrase[moderator]</td>
      </if>
      </tr>


      <if condition="$childforumbits">
      $childforumbits
      </if>
      <if condition="!$show['collapsable_forums']">
      </tbody>
      </if>
      </table></div>



      I would like to thankyou for the generosity of your time for helping to sole this issue

      Comment

      widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
      Working...
      X