2013-08-30, 17:35
Hi all!
Now I will show you how to get this style of your forum look:
First go in: Administration panel -> Display -> Templates -> General -> index_box.
delete your index_box and paste this code:
paste this code in CSS Stylesheet:
Regards,
Zyon
Now I will show you how to get this style of your forum look:
First go in: Administration panel -> Display -> Templates -> General -> index_box.
delete your index_box and paste this code:
- Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="ti1">{L_FORUM}</th>
<th class="ti2">{L_TOPICS}</th>
<th class="ti3">{L_POSTS}</th>
<th class="tir">{L_LASTPOST}</th>
<th class="ti4">Moderators</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<tr>
<td class="ti1" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="ti2">{catrow.forumrow.TOPICS}</td>
<td class="ti3">{catrow.forumrow.POSTS}</td>
<td class="tir">
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</td>
<td class="ti4"> <!-- BEGIN switch_moderators_links -->
<br />
{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></td>
</tr>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>
paste this code in CSS Stylesheet:
- Code:
.ti1 {
width: 50%;
}
.ti2 {
width: 5%;
text-align: center;
}
.ti3 {
width: 5%;
text-align: center;
}
.tir {
width: 20%;
padding: 5px;
}
.ti4 {
width: 15%;
text-align: center;
}
Regards,
Zyon
Tutorial maked by Zyon.