Imagenes por categorias - Estilo SMFSimple.com
Muchos nos mandaron MP pidiendo esta modificacion que les parecio interesante y original!
Entonces, como es nuestra costumbre, les vamos a dejar el codigo y la explicacion para hacerlo funcionar en sus foros.
Obviamente cada diseño es muy distinto y puede que no funcione en foros con themes muy modificados en el indice.
El demo lo pueden ver en el indice de smfsimple.com
Abrimos el archivo boardIndex.template.php de la carpeta del theme donde haran la modificacion. Si su theme no tiene ese archivo, entonces haran la modificacion directamente en el archivo boardIndex.template.php del theme default.
Buscaremos el siguiente codigo en ese archivo:
echo '
<div id="boardindex_table">
<table class="table_list">';
/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
if (empty($category['boards']) && !$category['is_collapsed'])
continue;
echo '
<tbody class="header" id="category_', $category['id'], '">
<tr>
<td colspan="4">
<div class="cat_bar">
<h3 class="catbg">';
// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';
if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';
echo '
', $category['link'], '
</h3>
</div>
</td>
</tr>
</tbody>';Y lo vamos a reemplazar por lo siguiente:
// SMFSimple.com Rules!
echo '
<div id="boardindex_table">
<table class="table_list">';
/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
if (empty($category['boards']) && !$category['is_collapsed'])
continue;
echo '
<tbody class="header" id="category_', $category['id'], '">
<tr>
<td colspan="4" align="center">
';
// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';
if ($category['id'] == 1)
echo '<img src="', $settings['images_url'],'/categoria1.png" alt="Nombre de la categoria" />';
if ($category['id'] == 2)
echo '<img src="', $settings['images_url'],'/categoria2.png" alt="Nombre de la categoria" />';
if ($category['id'] == 3)
echo '<img src="', $settings['images_url'],'/categoria3.png" alt="Nombre de la categoria" />';
if ($category['id'] == 4)
echo '<img src="', $settings['images_url'],'/categoria4.png" alt="Nombre de la categoria" />';
echo'
</td>
</tr>
</tbody>';
// SMFSimple.com Rules!Les explico un poco el codigo:
Voy a explicar el ejemplo para la categoria 1.
if ($category['id'] == 1)
echo '<img src="', $settings['images_url'],'/categoria1.png" alt="Nombre de la categoria" />';Donde dice $category['id'] == 1 es el id de la categoria, para saber el id de la categoria tienen varias formas, una de las mas faciles es mirar el linktree entrando a algun tema cualquiera de esa categoria y donde dice el nombre de la categoria colocan el cursor y les aparecera algo como http://www.tusitio.com/index.php#c=1 (http://www.tusitio.com/index.php#c=1) eso significa que esa categoria tiene el id 1, y asi veran las demas. Donde dice categoria1.png sera la imagen que subiran de esa categoria. Y donde dice "Nombre de la categoria" ponen el nombre de la misma.
En el codigo que les di para reemplazar veran para hacerlo con 4 categorias, pero le puenden agregar mas, solo deberan copiar y pegar un nuevo if:
if ($category['id'] == 1)
echo '<img src="', $settings['images_url'],'/categoria1.png" alt="Nombre de la categoria" />';Nota importante: Las categorias rara vez tienen numeros correlativos, osea, 1, 2, 3, 4... Por ejemplo, en smfsimple los numeros son 1, 13, 14, 15, 3. Asi que no quieran poner 1, 2, 3, 4 como esta en el ejemplo porque no les va a funcionar.Las imagenes las suben a la carpeta images del theme que estan modificando.
Y bueno, eso es todo. Cualquier duda nos las hacen saber! Y si les salio estaria bueno que nos muestren como les quedo!
SSimple Team!
Excelente, gracias por compartir.
Muy bueno!.
Esto es similar a lo del CBI? O, en todo caso, en qué se parecen/diferencian?
No mucho que ver con CBI, pero parecido muy muy poquito xD
Mira smfsimple.com, en lugar de que salga el nombre de la categoría, aparece una imagen, los foros no los toca.
El CBI es para cada Board (foro) esto es para las categorías, es coomo dice Diegorixo, te sale una imagen en lugar del nombre de la categoría en letras aburridas je
Ahhh, ahora entiendo... gracias por las explicaciones!
Para eso andamos en la vida! xD
hola estas modificaciones es para cualquier version del foro o tiene algun bloqueo como los mods???
Esta basada en SMF 2 (todo lo de SmfSimple.com es basado en la versión 2 RC2 para adelante ), pero es posible intentarlo en la 1, tendrías que ver que códigos corresponden nada más.
ok,yo tengo la 2.0 gracias por responder lo intentare en estos dias
Muy bueno, gracias por compartir.
Como dato les digo que ya tenemos un mod de esto, esperamos que se apruebe pronto.
Para el Theme Fragantly_20g 2.0 RC5 lo soporta
Quote from: I G N A C I O on August 14, 2011, 09:08:09 PM
Para el Theme Fragantly_20g 2.0 RC5 lo soporta
Si tu theme no tiene archivo BoardIndex.template.php, haslo en el theme default. Ahí mismo se explica al inicio del post ..
Imagen ?
Quote from: FEDEPS on August 14, 2011, 09:50:08 PM
Imagen ?
El demo lo pueden ver en el indice de smfsimple.com
Mu y buen aporte
Muchas gracias por el mod, aunque no me funcione, se agradece :)
Quote from: Skroy on October 02, 2011, 02:05:13 AM
Muchas gracias por el mod, aunque no me funcione, se agradece :)
No es un mod, es un tutorial. Si sigues los pasos detalladamente como los puse en el tutorial deberia funcionarte, sino, estaras haciendo algo mal.
Quote from: SSimple Team on October 02, 2011, 02:51:52 AM
Quote from: Skroy on October 02, 2011, 02:05:13 AM
Muchas gracias por el mod, aunque no me funcione, se agradece :)
No es un mod, es un tutorial. Si sigues los pasos detalladamente como los puse en el tutorial deberia funcionarte, sino, estaras haciendo algo mal.
Buenas, hice todo lo que me indicaba, pero me desforma el theme y la imagen aparece arriba de la categoria no a la izquierda
Quote from: Skroy on October 03, 2011, 01:39:43 AM
Quote from: SSimple Team on October 02, 2011, 02:51:52 AM
Quote from: Skroy on October 02, 2011, 02:05:13 AM
Muchas gracias por el mod, aunque no me funcione, se agradece :)
No es un mod, es un tutorial. Si sigues los pasos detalladamente como los puse en el tutorial deberia funcionarte, sino, estaras haciendo algo mal.
Buenas, hice todo lo que me indicaba, pero me desforma el theme y la imagen aparece arriba de la categoria no a la izquierda
queres que salga solo a la izquierda?
en lugar del nombre de la categoria?
No, quiero que salga de forma normal, pero la imagen me sale arriba de la categoria, desformandome el foro xD
Si lose yo penze que era soloa la izquierda, si quieres que este a la izquierda me dices que Lean me paso un cdigo para poner imagen
Ya esta el mod: http://custom.simplemachines.org/mods/index.php?mod=3174
Saludos!
Quote from: 4kstore on October 03, 2011, 02:10:14 PM
Ya esta el mod: http://custom.simplemachines.org/mods/index.php?mod=3174
Saludos!
Gracias eso es mas simple, ya lo hice pero no me gusta :/
Quote from: 4kstore on October 03, 2011, 02:10:14 PM
Ya esta el mod: http://custom.simplemachines.org/mods/index.php?mod=3174
Saludos!
Gracias, pero tampoco me funciono el mod, a lo mejor es por el theme, pero no me marco ningun error al intalar.
PD: Ignacio, si me pudieras pasar el codigo, estaria muy agradecido :)
Atte.
Quote from: Skroy on October 03, 2011, 08:58:05 PM
Quote from: 4kstore on October 03, 2011, 02:10:14 PM
Ya esta el mod: http://custom.simplemachines.org/mods/index.php?mod=3174
Saludos!
Gracias, pero tampoco me funciono el mod, a lo mejor es por el theme, pero no me marco ningun error al intalar.
PD: Ignacio, si me pudieras pasar el codigo, estaria muy agradecido :)
Atte.
Tenes que hacer que se instale en tu theme cuando lo instalas... No te funciona el mod porque no supiste instalarlo porque el mod es oficial y por ende funciona sin problemas.
vaya que bueno xD¡¡ provando amigo :D
Quote from: SSimple Team on October 03, 2011, 10:04:53 PM
Quote from: Skroy on October 03, 2011, 08:58:05 PM
Quote from: 4kstore on October 03, 2011, 02:10:14 PM
Ya esta el mod: http://custom.simplemachines.org/mods/index.php?mod=3174
Saludos!
Gracias, pero tampoco me funciono el mod, a lo mejor es por el theme, pero no me marco ningun error al intalar.
PD: Ignacio, si me pudieras pasar el codigo, estaria muy agradecido :)
Atte.
Tenes que hacer que se instale en tu theme cuando lo instalas... No te funciona el mod porque no supiste instalarlo porque el mod es oficial y por ende funciona sin problemas.
El mod se instalo sin problemas, he instalado muchos mod manuelamente de smf y me han funcionado perfectamente, en realidad no se por que este no me va de ninguna manera, he probado con 2 mods de smf para poder iconos y para hacerlo manualmente y no me va :c
Scroy, te deforma el theme? Deja una imagen para ver eso. Todo esta hecho para el theme default y los themes basados en el default. Deja una imagen de la "deformidad" que produce este codigo en tu theme.
Bueno, debo admitir mi error, confundi el uso del Tuto, Ya que da la imagen a la categoria, lo que yo realmente pensaba que realizba es poner imagen a cada Subtema de la categoria por decirlo asi, aun no encuentro un mod que me pueda ayudar