Guía de como Ponerle Imagen a Cada Foro para vb 4

Hola amigos de VBhispano,

Aquí Explicare como ponerle imagen a cada foro remplazando su statusicon

Guía de como Ponerle Imagen a Cada Foro para vb 4

res.jpg

Primer paso seria buscar la plantilla: forumhome_forumbit_level2_post

en ella buscaremos la siguiente linea:

Código:

<img src="{vb:stylevar imgdir_statusicon}/{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

y la remplazamos por:

Código:

<img src="./iconos/{vb:raw forum.forumid}.png" class="forumicon" id="forum_statusicon_{vb:raw forum.forumid}" alt="" />

Explicación de como agregar las imágenes

Para obtener las imagenes creamos una carpeta en la raiz de nuestro foro con el nombre "iconos" alli pondremos las imagenes PNG con el nombre ID del foro..

Ejemplo:

Para saber el ID del foro debemos buscarlos en "Foros y Moderadores" y editamos el foro que deseamos ver su ID, en la parte de arriba alado del nombre del foro nos dira su ID

i1.jpg

Como vemos el ID es "236" ahora la imagen que queremos para ese foro la nombramos "236.png" y la subimos ala carpeta "iconos"

y ya tendremos nuestro foro con la imagen, lo mismo para cada uno de nuestros foros ver la ID nombrar la imagen y subirla...

Resultado:

res.jpg

TIP: Para cambiar el tamaño del icono debemos editar la variable de estilo forumicon_size

Espero que les sirva

Un Saludo

Gracias jjuuaannk por la guía, es bastante útil. Sin embargo, yo prefiero no editar plantillas, sino seguir esta guía que algún día hice

A si es pero siempre hay alguno que lo quieren "para YA" y bueno aquí lo tienen mas rápido jaja

gracias jjuuaannk, ahora mismo cambie el skin y no quiero los iconos de estado, prefiro uno por cada seccion se agradece

Muy bien gracias

qué parte tengo que modifica de esto???

TIP: Para cambiar el tamaño del icono debemos editar la variable de estilo forumicon_size

saludos y gracias....

hola no puedo encontrar la plantilla forumhome_forumbit_level2_post

donde esta ? tengo vbulletin 4.0 2

muchas me fue muy util

Iniciado por tetsenoske

qué parte tengo que modifica de esto???
"TIP: Para cambiar el tamaño del icono debemos editar la variable de estilo forumicon_size"

saludos y gracias....

Lo mismo me pasó a mi...

Por cierto, también se quita la parte de abajo del foro donde te explican los iconos de estado, o hay que hacerlo manual? si es así, como lo hago?

Hola Nanda.

Las variables de estilo las encuentras en:

AdminCP -> Estilos y Plantillas -> Administrar Estilos

Para el estilo que desees modificar, selecciona del menú de la derecha la opción "Variables de Estilo". Se desplegará una página en donde visualizarás en la esquina superior izquierda un cuadro de búsqueda. Escribe allí el nombre de la variable de estilo, y cuando la halles, personalízala según tu deseo.

Para eliminar el código de los iconos de estado, busca en la plantilla FORUMHOME este código:

Código:

            <div id="wgo_legend" class="wgo_subblock">
                <h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
                <div>
                    <dl id="icon_legends" class="icon_legends">
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
                    <vb:if condition="$vboptions['pt_hasprojectforums']">
                        <dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
                    </vb:if>
                    </dl>
                </div>
            </div>

Bórralo, o coméntalo encerrando todo el código entre las etiquetas <!-- y -->, osea:

Código:

<!--            <div id="wgo_legend" class="wgo_subblock">
                <h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
                <div>
                    <dl id="icon_legends" class="icon_legends">
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
                        <dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
                    <vb:if condition="$vboptions['pt_hasprojectforums']">
                        <dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
                    </vb:if>
                    </dl>
                </div>
            </div> -->

Saludos.

Estupendo...Gracias

Una pregunta, como hago ahora para que se vean 2 iconos como antes? Me explico, uno para cuando los temas han sido vistos, y otro para cuando no han sido visto?

Iniciado por Enmiguel

Una pregunta, como hago ahora para que se vean 2 iconos como antes? Me explico, uno para cuando los temas han sido vistos, y otro para cuando no han sido visto?

para tu duda sigue esta guía

[Guía] - Íconos de Foros Personalizados

saludos

Muchas gracias, ya lo veo, de nuevo muchas gracias.

NAda complejo y sencillo de hacer, es poner el código de la ubicación de la imagen en la descripción del foro. Así lo hago yo.
No pongo el link, porque no se si pueda infringir alguna regla. Si no hay problema, avisenme y les doy el link para que vean mi sitio con esto.

Saludos !!