Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Template Modifications
Reload this Page Forum Home Enhancements - Category Layout like vBulletin 4
FAQ Community Calendar Today's Posts Search

Reply
Page 2 of 5 1 2 34 Last »
 
Thread Tools
Category Layout like vBulletin 4 Details »»
Category Layout like vBulletin 4
Version: 1.00, by Sofia Sofia is offline
Developer Last Online: Aug 2012 Show Printable Version Email this Page
Category: Forum Home Enhancements - Version: 3.8.x Rating:
Released: 06-22-2009 Last Update: 06-22-2009 Installs: 166
Template Edits
Re-useable Code Translations  
No support by the author.

Kier
"The forum home page was the first complete page I built, and looking back at it now there are some bits of it that look a little out-of-place next to some of the more recent design elements I've built. Right now, it's using the same iconography as vBulletin 3, though I have produced new, larger versions of the images with alpha transparency from my original masters so they work a lot better on variable backgrounds.

As you can see, the forumbits have moved on from their column-based layout that was used in vB1, vB2 and vB3. The new design is less rigid and allows whitespace to imply connections between data items rather than enforcing encapsulation with heavy borders or backgrounds.

Forum titles and icons are made much larger and more prominent, as these are the primary points of reference for the forums. Information such as the number of contained threads and posts is demoted to a floating line of de-emphasized data to the right of the title while last post information gets a line all to itself in order to allow thread titles to be shown without the excessive wrapping that would invariably come from the small container available in vB3. "

https://vborg.vbsupport.ru/vborg_mis...hreadid=216937


This is not the original code of vBulletin 4

With category spacing





Without category spacing






Before templates modifications - Note
If you have a customized style, please save the original code of your templates before doing these modifications.
This mod is adapted to default style, so you may have problems or the code to be found can differ if you have a customized style.





Only Without category spacing
In the template "forumhome"

Find:


HTML Code:
<!-- main -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
    <tr align="center">
      <td class="thead">&nbsp;</td>
      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead">$vbphrase[last_post]</td>
      <td class="thead">$vbphrase[threads]</td>
      <td class="thead">$vbphrase[posts]</td>
      <if condition="$vboptions['showmoderatorcolumn']">
      <td class="thead">$vbphrase[moderator]</td>
      </if>
    </tr>
</thead>
$forumbits
<tbody>


Replace by:

HTML Code:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

$forumbits
<tbody>
Only if you want category spacing
In the template "forumhome"


Find:

HTML Code:
<!-- main -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
    <tr align="center">
      <td class="thead">&nbsp;</td>
      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead">$vbphrase[last_post]</td>
      <td class="thead">$vbphrase[threads]</td>
      <td class="thead">$vbphrase[posts]</td>
      <if condition="$vboptions['showmoderatorcolumn']">
      <td class="thead">$vbphrase[moderator]</td>
      </if>
    </tr>
</thead>
$forumbits
<tbody>
    <tr>
        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>
            <a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
            <if condition="$vboptions['forumleaders']">&nbsp; &nbsp;
            <a href="showgroups.php$session[sessionurl_q]">$vbphrase[view_forum_leaders]</a></if>
        </strong></div></td>
    </tr>
</tbody>
</table>
$forumhome_markread_script
<!-- /main -->


Replace by:


HTML Code:
<!-- main -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

$forumbits
<tbody>
</table>

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
    <tr>
        <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>
            <a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
            <if condition="$vboptions['forumleaders']">&nbsp; &nbsp;
            <a href="showgroups.php$session[sessionurl_q]">$vbphrase[view_forum_leaders]</a></if>
        </strong></div></td>
    </tr>
</tbody>
</table>
$forumhome_markread_script
<!-- /main -->
In the template "forumdisplay"

Find:

HTML Code:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<thead>
    <tr align="center">
      <td class="thead">&nbsp;</td>
      <td class="thead" width="100%" align="$stylevar[left]">$vbphrase[forum]</td>
      <td class="thead">$vbphrase[last_post]</td>
      <td class="thead">$vbphrase[threads]</td>
      <td class="thead">$vbphrase[posts]</td>
      <if condition="$vboptions[showmoderatorcolumn]">
      <td class="thead">$vbphrase[moderator]</td>
      </if>
    </tr>
</thead>
$forumbits
</table>


Replace by:

HTML Code:
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
$forumbits
</table>
In the template forumhome_forumbit_level2_post,

Replace all your code by:

HTML Code:
<tr align="center">
<td class="alt1Active" width="100%">

  <span style="float: right;">Threads: $forum[threadcount] &nbsp; Posts: $forum[replycount] &nbsp; <br /><if condition="$vboptions['showmoderatorcolumn']">Moderators: $forum[moderators]</if></span>

    
<div style="float: left;"></div>

<span style="float: left;"><img src="$stylevar[imgdir_statusicon]/$forum[imageprefix]forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" />&nbsp; &nbsp;   </span>
<div style="float:left;">

        
            <div align="left">
<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a></div>

            <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
        
        <if condition="$show['forumdescription']"><div class="smallfont">
              <div align="left">$forum[description]</div></div></if>


        <if condition="$show['forumsubscription']"><div class="smallfont" style="margin-top: 6px;">
          <div align="left"><strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></div></if>

        <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"><div align="left"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></div></if>


</div>

</td>

</tr>
<tr><td class="alt2"><div align="right">$forum[lastpostinfo]</div></td></tr>
$childforumbits
In the template forumhome_forumbit_level1_post,


Replace all your code by:

HTML Code:
<if condition="!$show['collapsable_forums']">
<tbody>
</if>

<tr align="center">

<td class="alt1Active" width="100%">

<span style="float: right;">Threads: $forum[threadcount]   Posts: $forum[replycount]
  </span>

<div style="float: left;"></div>
<span style="float: left;"><img src="$stylevar[imgdir_statusicon]/$forum[imageprefix]forum_$forum[statusicon].gif" alt="" border="0" id="forum_statusicon_$forum[forumid]" />&nbsp;&nbsp;     </span>



    <div align="left" id="f$forum[forumid]">
            <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a></div>
            <if condition="$show['browsers']"><span class="smallfont">(<phrase 1="$forum[browsers]">$vbphrase[x_viewing]</phrase>)</span></if>
        </div>

        <if condition="$show['forumdescription']"><div class="smallfont">
              <div align="left">$forum[description]</div></div></if>

        <if condition="$show['forumsubscription']"><div class="smallfont"><div align="left">

<strong><a href="subscription.php?$session[sessionurl]do=removesubscription&amp;f=$forum[forumid]" rel="nofollow">$vbphrase[unsubscribe_from_this_forum]</a></strong></div></div></if>
        <if condition="$show['subforums']"><div class="smallfont" style="margin-top:$stylevar[cellpadding]px"> <div align="left"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></div></if>
    </tr>
<tr>
<td class="alt2" colspan="2"><div align="right">$forum[lastpostinfo]</div></td></tr>

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

<if condition="$childforumbits">
<if condition="!$show['collapsable_forums']">
<tbody>
</if>
    $childforumbits
<if condition="!$show['collapsable_forums']">
</tbody>
</if>
</if>
In your template forumhome_lastpostby,
Replace all your code by:

HTML Code:
<if condition="$show['lastpostinfo']">
<div class="smallfont" style="float:right;">
    <div style="float:left;">
        <span style="white-space:nowrap"><strong>Last post:</strong>&nbsp;
        <if condition="$show['icon']"><img class="inlineimg" src="$icon[iconpath]" alt="$icon[title]" border="0" /></if>
        <if condition="$lastpostinfo['prefix']">
            $lastpostinfo[prefix]
            </span><if condition="is_browser('safari')"><!--bug#24775-->&nbsp;</if>
            <span style="white-space:nowrap">
        </if>
        <a href="showthread.php?$session[sessionurl]goto=newpost&amp;t=$lastpostinfo[lastthreadid]" style="white-space:nowrap" title="<phrase 1="$lastpostinfo[lastthread]">$vbphrase[go_first_unread_in_thread_x]</phrase>"><strong>$lastpostinfo[trimthread]</strong></a></span>
    &nbsp;</div>
 <div style="float:left;<if condition="is_browser('ie', 6)">; float:$stylevar[left]</if>">
        <phrase 1="member.php?$session[sessionurl]find=lastposter&amp;f=$lastpostinfo[forumid]" 2="$lastpostinfo[lastposter]">$vbphrase[by_x]</phrase>
    </div>
    <div  style="float:left;">&nbsp; 
        $lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>

    </div>
</div>
<else />
<div class="smallfont" style="float:right;">
    $lastpostinfo[lastpostdate] <if condition="!$show['detailedtime']"><span class="time">$lastpostinfo[lastposttime]</span></if>

</div>
</if>
Only if you want category spacing
In your template forumhome_forumbit_level1_nopost,


Replace all your code by:

HTML Code:
<if condition="!$show['collapsable_forums']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
</if>
    <tr>
        <td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">2<else />1</if>">
            <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>
        </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></table>
<div style="padding: 0 0 15px 0;"></div>

Download Now

File Type: txt with category spacing.txt (10.4 KB, 216 views)
File Type: txt without category spacing.txt (7.3 KB, 123 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 06-26-2009, 09:54 AM
Sofia Sofia is offline
 
Join Date: Oct 2006
Location: France
Posts: 725
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by FiMeTi View Post
sofia rocks!
I dont need this, but I really do like the VB4 Threadbits. Can you make our Threads look like VB4 ones and own da house?! :-)

Would really appreciate that!

regards
cloni
What do you want exactly? This? http://images.vbulletin.com/blog-con...threadbits.png
Reply With Quote
  #13  
Old 06-27-2009, 04:20 AM
miner's Avatar
miner miner is offline
 
Join Date: Mar 2005
Posts: 594
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Thanks Sofia, i will be using this mod for my next new free skin design...



Quote:
Originally Posted by Sofia View Post
And yes i like to have the above...
Reply With Quote
  #14  
Old 06-27-2009, 04:23 AM
dvbusuario's Avatar
dvbusuario dvbusuario is offline
 
Join Date: Oct 2007
Posts: 153
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by Sofia View Post
Thank you very much!!!

I concur with the request...

http://images.vbulletin.com/blog-con...threadbits.png
Reply With Quote
  #15  
Old 06-27-2009, 06:40 AM
EidolonAH EidolonAH is offline
 
Join Date: Apr 2009
Location: London, England
Posts: 178
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Great idea, I shall look at incorporating this into my next Theme, the threadbit would be a perfect evolution to this mod, I will also request the threadbit code.
You'll be accredited if I do use this code, thanks for the share.
Reply With Quote
  #16  
Old 06-27-2009, 02:06 PM
FiMeTi FiMeTi is offline
 
Join Date: May 2008
Location: Germany
Posts: 157
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Yes Sofia! I was pointing on that image!
Would be great to see this released.

regards
Reply With Quote
  #17  
Old 06-28-2009, 10:11 AM
Sofia Sofia is offline
 
Join Date: Oct 2006
Location: France
Posts: 725
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Quote:
Originally Posted by foruma-z View Post
Thanks Sofia, i will be using this mod for my next new free skin design...





And yes i like to have the above...
Quote:
Originally Posted by dvbusuario View Post
Thank you very much!!!

I concur with the request...

http://images.vbulletin.com/blog-con...threadbits.png
Quote:
Originally Posted by EidolonAH View Post
Great idea, I shall look at incorporating this into my next Theme, the threadbit would be a perfect evolution to this mod, I will also request the threadbit code.
You'll be accredited if I do use this code, thanks for the share.
Quote:
Originally Posted by FiMeTi View Post
Yes Sofia! I was pointing on that image!
Would be great to see this released.

regards
I'll try to do that tomorrow
Reply With Quote
  #18  
Old 06-28-2009, 04:42 PM
freewilley's Avatar
freewilley freewilley is offline
 
Join Date: Jan 2009
Posts: 106
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
this one is really good!! thanks sofia.
Reply With Quote
  #19  
Old 06-30-2009, 11:30 PM
DevilzFan DevilzFan is offline
 
Join Date: Jun 2007
Posts: 19
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Very cool mod.

I must have done something wrong though, or am missing something, because I can't get the "sub-forums" links to show up under the main forum.

Any idea's?
Reply With Quote
  #20  
Old 07-01-2009, 04:15 PM
EidolonAH EidolonAH is offline
 
Join Date: Apr 2009
Location: London, England
Posts: 178
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
No pressure Sofia, just wondering if you've had time to look at the vB4 threadbit layout as yet.
Reply With Quote
  #21  
Old 07-01-2009, 04:20 PM
Sofia Sofia is offline
 
Join Date: Oct 2006
Location: France
Posts: 725
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default
Oh sorry, I've forgotten it! I'll do it tonight or tomorrow.

But what do you want exactly in the threadbit? Because this is very similar to the current threabit.
Reply With Quote
Reply
Page 2 of 5 1 2 34 Last »

« Previous Thread | Next Thread »

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 12:57 PM.

Contact Us - Archive - Top

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.06020 seconds
  • Memory Usage 2,419KB
  • Queries Executed 26 (?)
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
  • (10)bbcode_html
  • (7)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (3)pagenav_pagelink
  • (11)post_thanks_box
  • (11)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (11)post_thanks_postbit_info
  • (10)postbit
  • (2)postbit_attachment
  • (11)postbit_onlinestatus
  • (11)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_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete