Forum Home Enhancements - Table ordered categories

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.

[snakedevil]

Demo please

[vladig]

EDIT:
They changed the arrangement categories, so now there is no demo.

[YOODA230]

this is my forum
http://www.windos.me/forum.php
looks the same lol

[vladig]

Originally Posted by YOODA230

this is my forum
http://www.windos.me/forum.php
looks the same lol

In Israel there are lots of kinds of arrangement, it surprises me that you Israeli who does not familiar with the FXP and other forums with this arrangement. This arrangement is mine.

בתור ישראלי ציפיתי ממך שדווקא תדע שיש המון סוגים של מוד הCS, הספציפי פה הוא שלי. אתה באמת לא מכיר את FXP.CO.IL? זאת קהילה עם כמעט מיליון משתמשים רשומים! זאת הקהילה הגדולה בישראל, ולפי מה שאני הבנתי היא זו שהמציאה את הסידור.

[YOODA230]

can you tell me how to make it 4 tables instead of 5

[vladig]

Number of categories line is not a fixed number, it depends on what the width of the site. You can see in the first row, in "forumhome_forumbit_level1_nopost", registered in the name of "Width: 160PX" As you increase the number so will decrease the space between the categories until the fifth category spinach line.

[YOODA230]

works good thanks!!
i see anoter option can you guid me?
http://www.ngc.co.il/
like here
if you mous point on a forum its show you the last thard in navbar

[vladig]

Originally Posted by YOODA230

works good thanks!!
i see anoter option can you guid me?
http://www.ngc.co.il/
like here
if you mous point on a forum its show you the last thard in navbar

I can to builed this mod, but I don't allowed to. It's not mine design...

[v123shine]

nice mod