Imagenes por categorias - Estilo SMFSimple.com

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.

Comencemos!

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:

Code: [Select]

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:

Code: [Select]

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

Code: [Select]

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

Code: [Select]

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!

Muy bueno lo probare gracias..!!

Me da error Lean al analizar la plantilla.

Este es mi código original:

Code: [Select]

echo '
    <div id="boardindex_table">';

    /* 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 '
        <table class="table_list">
            <tbody class="header" id="category_', $category['id'], '">
                <tr>
                    <td>
                        <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>
        </table>

Como esta aclarado en el tema, si tu theme modifica mucho el boardIndex.template.php puede que no funcione correctamente.


Prueba con este

Code: [Select]

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>';
      echo' </table>

Como esta aclarado en el tema, si tu theme modifica mucho el boardIndex.template.php puede que no funcione correctamente.


Prueba con este

Code: [Select]

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>';
      echo' </table>

No fue bien Lean. Se desconfiguró el foro. Pero gracias por tu ayuda.

me puedes pasar el index template ese, ya, descargado, por MP

Una consulta... no sale mejor hacer así nomas.

Code: [Select]

<img src="', $settings['images_url'],'/', $category['id'], '" alt="Nombre categoria" />
Así se evitan if por cada categoria y tienes todo de una, digo yo . Sería bueno jugar un poco con los códigos.

Saludos.

Si, tambien se puede hacer asi, hay varias formas, esta buena esta tambien. Tambien se puede hacer un vector pero bue, lo hice rapidin ajajaja

Exelente Lo Probare

Si, tambien se puede hacer asi, hay varias formas, esta buena esta tambien. Tambien se puede hacer un vector pero bue, lo hice rapidin ajajaja

Esa manera a mi parecer es más rápida porque evitas tantos ifs y códigos .

Si, tambien se puede hacer asi, hay varias formas, esta buena esta tambien. Tambien se puede hacer un vector pero bue, lo hice rapidin ajajaja

Esa manera a mi parecer es más rápida porque evitas tantos ifs y códigos .

Claro, a no ser que quieran utilizar imagenes externas, entonces si tendrian que poner sentencia por sentencia la url de las imagenes. (aunque nunca es recomendado poner imagenes externas) Por lo general son 5 o 6 categorias en promedio de los foros.

Muy buena la explicación, seguro a muchos le servirá
Saludos
pd: lo aplaudo a D10S

Ola lean, me gustaria empaquetarlo, con su respectivo creditos asia ustedes, y su post y su web etc que de porsi ayuda a miles de users en smf y nose como soportan tanto asen un buen trabajo y saven ayudar, bueno espero tu respuesta aver si puedo

No, no puedes empaquetarlo ya que esta empaquetado y esperando aprobacion de smf. Pronto lo lanzaremos.
SAludos

Buenisimo aporte +1