Table ordered categories
Mod Version: 1.00, by vladig
| vB Version: 4.x.x | Rating:  (2 votes - 4.50 average) |
Installs: 13 |
| Released: 26 Oct 2012 | Last Update: Never | Downloads: 78 |
 Not Supported
 Template Edits
Additional Files
|
||
Hi.
My name is Vlad Gincher, and this is my first mod. This mod allows you to arrange your categories in table form. This fits multiple forums community issues. Besides the arrangement, mod allows displaying an icon for each category.
So what to do?
Open the file "FORUMHOME" and find:
Delete it and write instead:
Save and close it.
Open the file "forumhome_forumbit_level1_nopost", erase everything and write instead:
Save and close it.
Open the file "forumhome_forumbit_level2_post", erase everything and write instead:
Save and close it.
Open the file "forumhome.css" and write in the end:
Save and close it.
Now download the attachment below and upload them file to the server.
To change the category image you need to upload the image to the file "newcs". The name of the image to order this way: *ID*.png, so if the ID of the category is "1", call the picture 1.png.
My name is Vlad Gincher, and this is my first mod. This mod allows you to arrange your categories in table form. This fits multiple forums community issues. Besides the arrangement, mod allows displaying an icon for each category.
So what to do?
Open the file "FORUMHOME" and find:
Code:
<!-- main -->
{vb:raw template_hook.forumhome_above_forums}
<ol id="forums" class="floatcontainer">
{vb:raw forumbits}
</ol>
{vb:raw template_hook.forumhome_below_forums}
<!-- /main -->
Code:
<!-- main -->
{vb:raw template_hook.forumhome_above_forums}
<div style=" margin-right: 42px; margin-top: 13px; ">
{vb:raw forumbits}
</div>
{vb:raw template_hook.forumhome_below_forums}
<!-- /main -->
Open the file "forumhome_forumbit_level1_nopost", erase everything and write instead:
Code:
<div class="cat_cs" id="cat{vb:raw forum.forumid}" style="height: 300px;width: 160.5px; float: right; margin: 0 6px 30px; border: 1px solid hsla(0, 0%, 0%, 0.26); border-radius: 5px; padding: 1px;">
<div class="cat_cs_title" style=" background: url(images/toc/new_cs_title.gif);width: 155px!;height: 41px;">
<table style="height: 92%;margin-right: 5px;"><tbody><tr><td>
<a href="{vb:link forum, {vb:raw forum}}" style="text-decoration: none; color: hsl(199, 100%, 20%); font: bold 16px arial;">{vb:raw forum.title}</a></td></tr></tbody></table>
</div>
<img src="newcs/{vb:raw forum.forumid}.png" style="height: 50px;width: 159px;margin-bottom: -1px;">
<ol id="c_cat{vb:raw forum.forumid}" class="childforum" style="background: url(images/toc/new_cs_forum.gif) top center; background-repeat: repeat-x; padding-top: 5px; padding-right: 5px;">
{vb:raw childforumbits}
</ol>
</div>
Open the file "forumhome_forumbit_level2_post", erase everything and write instead:
Code:
<li id="forum{vb:raw forum.forumid}">
<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" id="forum_statusicon_{vb:raw forum.forumid}" alt="" width="6" height="6" style="vertical-align: middle;">
<a href="{vb:link forum, {vb:raw forum}}">{vb:raw forum.title}</a>
</li>
Open the file "forumhome.css" and write in the end:
Code:
.childforum > li > a {
color: hsl(0, 0%, 49%);
font: bold 11px arial;
text-decoration: none;
}
.childforum > li > a:hover {
color: hsl(202, 78%, 41%);
text-decoration: underline;
}
Now download the attachment below and upload them file to the server.
To change the category image you need to upload the image to the file "newcs". The name of the image to order this way: *ID*.png, so if the ID of the category is "1", call the picture 1.png.
Download
upload.zip (6.6 KB, 91 downloads)
Screenshots
