MyBB-Es.com

28 Aug, 2011, 6:30 pm

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.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

29 Aug, 2011, 6:06 am

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...

29 Aug, 2011, 6:52 am

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, 11:41 am

29 Aug, 2011, 6:06 am karlikuzzz wrote:
Muchas gracias Sama 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 wrote:
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?

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

29 Aug, 2011, 2:54 pm

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?

29 Aug, 2011, 3:26 pm

http://mybbhacks.zingaburga.com/showthread.php?tid=464

Si usan ficons es otra cosa y las imagenes se adaptan, puedes usar las que quieras.

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

29 Aug, 2011, 3:33 pm

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.

2 Sep, 2011, 11:23 am

muchas gracias me funciono perfecto.

4 Sep, 2011, 4:01 pm

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

5 Sep, 2011, 6:04 am

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

MyBB-Es.com

[Tutorial]Foros en columnas

Omar G.

karlikuzzz

Kyousuke

Omar G.

karlikuzzz

Omar G.

karlikuzzz

kuramin

karlikuzzz

Jaizu