Tutorial-Imagenes de categorias

natkoden · 30 Oct 2005

Bueno aca el tuto en español.

Para agregarle una imagen a una categoria, lo que deben hacer eso lo siguiente:

1.-Abrir la plantilla:

forumhome_forumbit_level1_nopost

Y reemplazar el contenido por lo siguiente:

Insertar CODE, HTML o PHP:

<tbody>
    <tr>
        <td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">
            <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>

[COLOR=Red]<if condition="in_array($forum['forumid'], array([COLOR=Magenta]1,2,3[/COLOR]))">
                <img src="images/img_cat/$forum[forumid].gif" align="left" style="margin-right: 9px" alt="" border="0" />
            </if>[/COLOR]

            <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
            <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
            <if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
        </td>
    </tr>
</tbody>
<if condition="$childforumbits">
<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
$childforumbits
</tbody>
</if>

Ahora abran la plantilla
forumhome_forumbit_level2_nopost

Y reemplazen el contenido por lo siguiente:

Insertar CODE, HTML o PHP:

<tr>
    <td class="tcat"><span class="smallfont">&nbsp;</span></td>
    <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">5<else />4</if>">

[COLOR=Red]<if condition="in_array($forum['forumid'], array([COLOR=Magenta]1,2,3[/COLOR]))">
            <img src="images/[/COLOR][COLOR=Red]img_cat[/COLOR][COLOR=Red]/$forum[forumid].gif" align="left" style="margin-right: 9px" alt="" border="0" />
        </if>[/COLOR]

        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
        <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
        <if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
    </td>
</tr>
$childforumbits

Ahora la explicacion de todo para ke les ande, donde dice

Insertar CODE, HTML o PHP:

[COLOR=Red]array([/COLOR][COLOR=Magenta]1,2,3[/COLOR][COLOR=Red]))[/COLOR]

Tienen q reemplazar el 1,2,3 por el ID de la categoria a la cual le kieren poner la imagen. Pueden poner los IDs que kieran.
El ID es el numero q aparece al final del enlace a esa categoria, por ejemplo:

http://localhost/foro/forumdisplay.php?f=1

Ese 1 es el ID, fijense el ID de cada categoria y listo.

Ahora van a la carpeta de imagenes del estilo al cual le modificaron las plantillas y crean una carpeta llamada img_cat.

Ahi es donde van a poner las imagenes de las categorias.
Para ke ande le tienen q cambiar el nombre y ponerle el ID de la categoria a la q la van a asociar, si el ID de la categoria es 2, entonces la llaman 2.gif.

Nota: Tengan en cuenta que esto esta echo para imagenes tipo gif, si kieren adaptarlo a bmp o jpg, cambien donde dice:

Insertar CODE, HTML o PHP:

[COLOR=Red]$forum[forumid].[COLOR=Magenta]gif[/COLOR][/COLOR]

Por la extension que kieran, si es bmp lo que usan, le ponen

Insertar CODE, HTML o PHP:

[COLOR=Red]$forum[forumid].[/COLOR][COLOR=Magenta]bmp[/COLOR]

Espero que les sirva, ya que ultimamante este tema es muy concurrido...
Funciona tanto para 3.0 como para 3.5

Saludos

Mzu · 17 Dic 2005

Me salta una duda¿?¿?¿?¿?

El ultimo numero pa ke es¿?¿??¿ 1,2,3<====

Ocea el primero es el ID (1)..., el segundo seria la imagen (2) y el tercero ke es....,ami no me funca.., por eso mi pregunta..,estoy en la version 3.5.2 ....

Compy · 20 Dic 2005

A mi tampoco me funciona...y lo he exo bien

andryus · 12 Ene 2006

Alguien me podria explicar porke me salen asi las imagenes porfavor???

En los 2 estilos me sale igual no me sale en cada subforo me sale en las categorias aver si alguien me ayuda please....

Copie y sustitui el codigo en las 2 plantillas nose ke puede estar mal tengo vbulletin 3.5.0 gold alguien me ayude please....🙁

Hell³ · 13 Ene 2006

no hay nada mal, el tutorial de este mod es para mostrar imagenes en las categorias no en los foros/subforos.

Pol · 4 Feb 2006

Claro el tutorial es perfecto, lo que deberias hacer es usar una imagen mas pequeña para darle un efecto a la barra de categoria, como esto mira:

<eso es la barrita de categoria del style de este foro.

Das Underground · 14 Jul 2008

Bueno, para los que no quedaron satisfechos, dejo el codigo que uso en mi web para agregar imagenes a los foros

Admicp => Foros y Moderadores => Administrador de Foros y en el recuadro "Descripción" colocar el siguiente codigo:

PHP:

<table>
<tr>

<td>
<img src="RUTA DE LA IMAGEN" alt="d" longdesc="d" />
</td>
 <td><div class="smallfont">DESCRIPCIÓN DEL FORO</div>
</td>
</tr>
</table>

Obviamente reemplazando:

-RUTA DE LA IMAGEN: por la ruta de la imagen que va ir en ese foro
-DESCRIPCIÓN DEL FORO: La descripción de dicho foro.

Eso lo tiene que hacer en todos los foros en que quieran agregar una imagen, dejo mi foro como ejemplo:

www.chileunder.com/foro.php

Ademas este codigo tambien se puede usar en las categorias, como lo que posteo natkoden pero creo que este es mas sencillo y practico.

imported_Capone · 24 Jul 2008

ocupe la del das
vale perro

javier_rar · 2008-08-11T18:10:44-0500

Gracias otra cosa que aprendí y me funcionó 100%

dexon · 12 Sep 2008

Das Underground dijo:
Bueno, para los que no quedaron satisfechos, dejo el codigo que uso en mi web para agregar imagenes a los foros

Admicp => Foros y Moderadores => Administrador de Foros y en el recuadro "Descripción" colocar el siguiente codigo:

PHP:

<table> <tr> <td> <img src="RUTA DE LA IMAGEN" alt="d" longdesc="d" /> </td> <td><div class="smallfont">DESCRIPCIÓN DEL FORO</div> </td> </tr> </table>

Obviamente reemplazando:

-RUTA DE LA IMAGEN: por la ruta de la imagen que va ir en ese foro
-DESCRIPCIÓN DEL FORO: La descripción de dicho foro.

Eso lo tiene que hacer en todos los foros en que quieran agregar una imagen, dejo mi foro como ejemplo:

www.chileunder.com/foro.php

Ademas este codigo tambien se puede usar en las categorias, como lo que posteo natkoden pero creo que este es mas sencillo y practico.

no entinedo lo de la ruta de las imagenes donde las colocos en que carpeta y como la colocaria la ruta en la parte de descripcion

kenshin_inferno · 12 Sep 2008

Gracias por los dos informes, ta mas fácil el de das pero es bueno saber mucho más...
Se agradece. Saludos

dexon · 12 Sep 2008

kenshin_inferno amigo tu podras ayudarme a entder estos pasos por lo menos lo que exlico Das Underground se ven facil....

kenshin_inferno · 13 Sep 2008

Claro amigo, ya te dí soporte por mi web: Www.The-Masters.Net y te deje en el chat mi msn para que me agregues por si tienes muchos mas problemas.

juanpablopwr · 24 Nov 2008

No existe ninguna manera para ponerle las imagenes a los FOROS en vez de a las categorias?

imported_Capone · 25 Nov 2008

Das Underground dijo:
Bueno, para los que no quedaron satisfechos, dejo el codigo que uso en mi web para agregar imagenes a los foros

Admicp => Foros y Moderadores => Administrador de Foros y en el recuadro "Descripción" colocar el siguiente codigo:

PHP:

<table> <tr> <td> <img src="RUTA DE LA IMAGEN" alt="d" longdesc="d" /> </td> <td><div class="smallfont">DESCRIPCIÓN DEL FORO</div> </td> </tr> </table>

Obviamente reemplazando:

-RUTA DE LA IMAGEN: por la ruta de la imagen que va ir en ese foro
-DESCRIPCIÓN DEL FORO: La descripción de dicho foro.

Eso lo tiene que hacer en todos los foros en que quieran agregar una imagen, dejo mi foro como ejemplo:

www.chileunder.com/foro.php

Ademas este codigo tambien se puede usar en las categorias, como lo que posteo natkoden pero creo que este es mas sencillo y practico.

hay tienes la respuesta 😀
amigo juanpablopwr
esa es la forma ke puso el das
es muy buena yo la ocupo en el foro
saludos

magiccen · 27 Nov 2008

Esto lo necesito con urgencia, gracias por este tutor, ya les contare como me fue.

MacGiber · 21 May 2009

es cencillo tienen que poner lo siguiente
images/img_cat/3.gif esto es un ejemplo

Lizard · 9 Nov 2009

Das Underground dijo:
Bueno, para los que no quedaron satisfechos, dejo el codigo que uso en mi web para agregar imagenes a los foros

Admicp => Foros y Moderadores => Administrador de Foros y en el recuadro "Descripción" colocar el siguiente codigo:

PHP:

<table> <tr> <td> <img src="RUTA DE LA IMAGEN" alt="d" longdesc="d" /> </td> <td><div class="smallfont">DESCRIPCIÓN DEL FORO</div> </td> </tr> </table>

Obviamente reemplazando:

-RUTA DE LA IMAGEN: por la ruta de la imagen que va ir en ese foro
-DESCRIPCIÓN DEL FORO: La descripción de dicho foro.

Eso lo tiene que hacer en todos los foros en que quieran agregar una imagen, dejo mi foro como ejemplo:

www.chileunder.com/foro.php

Ademas este codigo tambien se puede usar en las categorias, como lo que posteo natkoden pero creo que este es mas sencillo y practico.

Bueno, este código me sirvió de mucho, pero me causa un problema, además de la imagen puse el link para que al pinchar sobre ella vaya al foro, igual que si pincho sobre el título, pues bien, en Firefox funciona perfectamente, pero en IE desaparecen las imagenes, ¿alguien sabe por que ocurre esto?

Tutorial-Imagenes de categorias

natkoden

Mzu

Compy

andryus

Hell³

Pol

Das Underground

imported_Capone

javier_rar

dexon

kenshin_inferno

dexon

kenshin_inferno

juanpablopwr

imported_Capone

magiccen

MacGiber

Lizard

Temas similares