Con este tutorial podrán tener sus foros del index y forumdisplay en forma de columnas como el tutorial de "Subforums in colums".
Ediciones:
Abre tu global.css y al final coloca esto:
Ediciones:
Abre tu global.css y al final coloca esto:
Código PHP:
<?php
table.forumh {
width:100%;
margin: 0px auto auto;
clear:both;
}
table.forumh h3 hr{
width:98%;
filter:alpha(opacity=60);
opacity:0.6;
}
table.forumh h3.forumdisplay{
text-align:center;
}
table.forumh h3 img {
margin-right:3px;
vertical-align:text-bottom;
max-width:30px;
max-height:25px;
filter:alpha(opacity=60);
opacity:0.6;
}
table.forumh h3 span {
font-weight:normal;
}
table.forumh ul {
list-style: none;
margin: 0px;
padding: 0px;
}
table.forumh ul li {
list-style: none;
width: 50%;
margin-bottom:10px;
float: left;
}
table.forumh ul li table {
width: 98%;
min-height: 110px;
margin: auto auto;
background: #feffe8;
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffe8), color-stop(100%,#d6dbbf));
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%);
background: -o-linear-gradient(top, #feffe8 0%,#d6dbbf 100%);
background: -ms-linear-gradient(top, #feffe8 0%,#d6dbbf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 );
background: linear-gradient(top, #feffe8 0%,#d6dbbf 100%);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
table.forumh ul li table td img {
max-width:150px;
max-height:110px;
}
table.forumh ul li table div {
font-size:80%;
}
table.forumh ul li table div.last {
font-size:80%;
}
Abre forumbit_depth1_cat y reemplaza todo por esto:
Código PHP:
<?php
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="forumh">
<thead><tr><td>
<h3><img src="http://www.gettyicons.com/free-icons/123/onebit-2/png/48/arrow_down_48.png" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /><a href="{$forum_url}">{$forum['name']}</a> - <span class="smalltext">{$forum['description']}</span><hr/></h3>
</td></tr></thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e"><tr><td>
<ul>{$sub_forums}</ul>
</td></tr></tbody>
</table>
<br />
Abre forumbit_depth2_forum y reemplaza todo por esto:
Código PHP:
<?php
<li><table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}">
<tr>
<td align="center" valign="middle" width="1px" rowspan="2"><img src="http://img200.imageshack.us/img200/6563/narutorollgamenuevaimag.png" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}"/></td>
<td valign="top">
<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}
<div>{$forum['description']}{$modlist}{$subforums}</div>
</td>
</tr>
<tr>
<td valign="top">
{$lastpost}
</td>
</tr>
</table></li>
Abre forumbit_depth2_forum_lastpost/b] y reemplza todo por esto:
Código PHP:
<?php
<div class="last">Ultimo post {$lang->by} {$lastpost_profilelink}, {$lastpost_date} {$lastpost_time}<br />
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></div>
Abre [b]forumdisplay_subforums y reemplaza todo por esto:
Código PHP:
<?php
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="forumh">
<thead><tr><td>
<h3 class="forumdisplay">{$lang->sub_forums_in}<hr/></h3>
</td></tr></thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e"><tr><td>
<ul>{$forums}</ul>
</td></tr></tbody>
</table>
<br />
Ejemplo:
[attachment=1182][attachment=1183]
Licensia:
Puedes compartir este tutorial donde sea, cuando sea, con quien sea, siempre y cuando des créditos a Sama34.
EL resto a quien le importa.
te doy Rep. 
