[Tutorial]Foros en columnas
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 t...

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:
Código PHP:
table.forumh {
    
width:100%;
    
margin0px 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-
stylenone;
    
margin0px;
    
padding0px;
}
table.forumh ul li {
    list-
stylenone;
    
width50%;
    
margin-bottom:10px;
    
floatleft;
}
table.forumh ul li table {
    
width98%;
    
min-height110px;
    
marginauto auto;
    
background#feffe8;
    
background: -moz-linear-gradient(top#feffe8 0%, #d6dbbf 100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-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%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#feffe8'endColorstr='#d6dbbf',GradientType=);
    
backgroundlinear-gradient(top#feffe8 0%,#d6dbbf 100%);
    
-webkit-box-shadow0px 0px 5px 0px rgba(0000.8);
    -
moz-box-shadow0px 0px 5px 0px rgba(0000.8);
    
box-shadow0px 0px 5px 0px rgba(0000.8);
    -
webkit-border-radius5px;
    -
moz-border-radius5px;
    
border-radius5px;
}
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:
<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:
<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:
<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:
<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.
{SIGNATURE_IMAGE}
Muchas gracias Sama Smile te doy Rep.

Una cosa, ésto sería para ponerlo en TODOS los foros o sólo en una categoría deseada? Es que querría ponerlo sólo en una categoría y ya...
Hice todo tal cual como lo pediste, Pero me sucede el siguiente error:

Lo probé en 3 estilos diferentes y en los tres Las imagenes de los foros no se ven. Espero saber porqué T.T
estoy usando ForumIcons.

Sayounara :3
(29 Aug, 2011, 6:06 am)karlikuzzz escribió: Muchas gracias Sama Smile te doy Rep.

Una cosa, ésto sería para ponerlo en TODOS los foros o sólo en una categoría deseada? Es que querría ponerlo sólo en una categoría y ya...

Si, pero con Template Conditionals.

(29 Aug, 2011, 6:52 am)Kyousuke escribió: Hice todo tal cual como lo pediste, Pero me sucede el siguiente error:

Lo probé en 3 estilos diferentes y en los tres Las imagenes de los foros no se ven. Espero saber porqué T.T
estoy usando ForumIcons.

Sayounara :3

Eso es por que aqui use imagenes de Naruto, se deberian de ver esas imagenes en tu foro no? Tambien use una flecha para el collapse que ustedes deberian de cambiar.

Que ficons usas?
{SIGNATURE_IMAGE}
Qué es template conditionals? xD
Lo iba a hacer ahora pero al editar la plantilla pensé que se pondría todo así... Cómo hago para una parte?

Y una cosa, es que yo no puse ficons... se puede sin? pero quedará feo, no?
De qué tamaño tiene que ser las imágenes para que quede bien?
Pues justo eso fue lo que encontré en google buscando lo que era...
Pero no sé qué tengo que hacer, instalo eso y ya puedo continuar el tuto? De todas maneras ahora estoy con otra cosa... si no me lo leeré pero odio traducir el inglés.
muchas gracias me funciono perfecto.
Cuando puedas publica lo del tuto para una zona en concreto Smile que ya voy a cambiar el hosting y lo quiero hacer en el nuevo xD
Gracias,aun que te quedaría para los más nuevos como elegir el tamaño máximo de la imagen y cambiar el Color de Fondo y esas cosas Tongue
Ahora te queda cambiar de icono al ser un tem abierto,cerrado o con nuevos mensajes Wink