vladig
10-25-2012, 10:00 PM
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:
<!-- 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 -->
Delete it and write instead:
<!-- 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 -->
Save and close it.
Open the file "forumhome_forumbit_level1_nopost", erase everything and write instead:
<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>
Save and close it.
Open the file "forumhome_forumbit_level2_post", erase everything and write instead:
<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>
Save and close it.
Open the file "forumhome.css" and write in the end:
.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;
}
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:
<!-- 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 -->
Delete it and write instead:
<!-- 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 -->
Save and close it.
Open the file "forumhome_forumbit_level1_nopost", erase everything and write instead:
<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>
Save and close it.
Open the file "forumhome_forumbit_level2_post", erase everything and write instead:
<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>
Save and close it.
Open the file "forumhome.css" and write in the end:
.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;
}
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.