[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:
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:
<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:
<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:
<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:
<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.
Omar G.
Archivos Adjuntos

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
karlikuzzz29 Aug, 2011, 6:06 amkarlikuzzz 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.

Kyousuke29 Aug, 2011, 6:52 amKyousuke 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?
Omar G.
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
Colaboradores
Wesker sunafunk papi Kyousuke kuramin karlikuzzz Jonatan H. Jaizu InfraWorld Gandalfr Finer
This forum uses Lukasz Tkacz MyBB addons.