Tutorial: [Guía] - Íconos de Foros Personalizados

Andrés Durán

Xi
Verificación en dos pasos desactivada
Desde
23 Abr 2009
Mensajes
4.371
Edad
27
Crédito(s)
0
Puntos
0


Hola a todos estimados usuarios de vBHispano. En esta ocasión les traigo una guía que les servirá para colocar íconos personalizados en las categorías de los foros, reemplazándolos por los íconos de estado por defecto sin necesidad de usar add-ons o reemplazo de plantillas, tal y como se visualiza en las imágenes:


Antes:

Ver el archivo adjunto 2100

Después:

Ver el archivo adjunto 2101


¿Cómo funciona?

Con el uso de prefijos, puedes agregar íconos personalizados a cualquier subforo que desees, no es necesario instalar ningún plugin adicional ni edición de plantillas. Tampoco es requerido que redimensiones las imágenes, vBulletin lo hace por tí automáticamente. :)


¿Dónde se encuentra la opción?

Simple, basta con dirigirnos a:

AdminCP --> Foros y Moderadores --> Administrador de Foros --> [Editar Foro en Cuestión]

En el conjunto de configuraciones "Opciones de Estilo", encontramos una opción que dice Prefijos para Imágenes de Estado de Foros, es allí donde colocamos nuestros prefijos.

Una imagen:

Ver el archivo adjunto 2102

Para este ejemplo, vamos a usar un prefijo que asocie nuestro foro a la imagen que llevará el mismo. Usaremos el ID del foro, que en este ejemplo sería 2, y debemos renombrar los íconos que vayamos a subir con ese prefijo antes del nombre.


Los Íconos de Estado:

Son 5 los íconos de estado que se usan en los foros, dependiendo de las condiciones en las que se encuentre el foro. Acá una pequeña leyenda de cada uno:

Ver el archivo adjunto 2106

Sin embargo, para esta guía serán importantes solamente los íconos forum_new-48.png y forum_old-48.png, en la imagen anterior serían los íconos Foro contiene mensajes sin leer y Foro no contiene mensajes sin leer respectivamente.

Miremos un ejemplo:


Para el ícono forum_new-48.png, voy a usar este ícono:

Ver el archivo adjunto 2105

Y para el ícono forum_old-48.png, voy a usar este ícono:

Ver el archivo adjunto 2103


Cuando vayamos a subirlos, debemos renombrarlos anteponiendo el prefijo que antes habíamos definido. Para este ejemplo, los nombres quedarían 2-forum_new-48.png y 2-forum_old-48.png


Una vez que tengamos nuestros íconos seleccionados, debemos subirlos al directorio statusicon, que se encuentra dentro del directorio images; sería algo así:

/home/user/public_html/foro/images/statusicon

Ó:

www.misitio.com/foro/images/statusicon

Guardamos los cambios en la página de administrar foros si no lo hemos hecho, y vamos a mirar el resultado final:


Cuando en el foro hayan nuevos mensajes:

Ver el archivo adjunto 2101

Y cuando no hayan nuevos mensajes:

Ver el archivo adjunto 2104


TIP ADICIONAL:
Encuentra en http://www.iconspedia.com/ una gran variedad de íconos para tus foros. Recomendado que descarges íconos con dimensiones de 128x128 píxeles.

Si se te presenta alguna duda, no escatimes en consultar, vBHispano estará dispuesto a ayudarte siempre :)

Saludos cordiales!!
 

cep999

Épsilon
Verificación en dos pasos desactivada
Desde
30 Nov 2009
Mensajes
953
Crédito(s)
0
Puntos
0
Esta exelente el tuto, me va a servir, ya que hoy empieso con la instalacion!!!
 

Braum

Alfa
Verificación en dos pasos desactivada
Desde
16 Feb 2006
Mensajes
22
Edad
49
Crédito(s)
0
Puntos
0
Chuta muchas gracias, esto es de mucha ayuda, gracias por tu dedicación y esfuerzo :)
 

raiden84

Beta
Verificación en dos pasos desactivada
Desde
10 Jul 2009
Mensajes
98
Crédito(s)
0
Puntos
0
Gracias Chuta... siempre me llamó la atención esa opción pero no sabia como usarla... muchas gracias!!!
 

paranco

Alfa
Verificación en dos pasos desactivada
Desde
13 Ene 2008
Mensajes
18
Edad
39
Crédito(s)
0
Puntos
0
Me ahorraste abrir un tema nuevo...

Muchas gracias.
 

imported_djfoxmix

Curioso
Verificación en dos pasos desactivada
Desde
26 Dic 2009
Mensajes
3
Edad
34
Crédito(s)
0
Puntos
0
muchisimas gracias

una pregunta amigo.... uno le puede poner una imagen a cada tema del foro distinto ?
 

Andrés Durán

Xi
Verificación en dos pasos desactivada
Desde
23 Abr 2009
Mensajes
4.371
Edad
27
Crédito(s)
0
Puntos
0
muchisimas gracias

una pregunta amigo.... uno le puede poner una imagen a cada tema del foro distinto ?
Hola djfoxmix.

No entiendo muy bien tu consulta. ¿Podrías por favor volver a formularla, pero más detalladamente?
 

jesusanz

Gamma
Verificación en dos pasos desactivada
Desde
8 Oct 2006
Mensajes
468
Edad
29
Crédito(s)
0
Puntos
0
Una preguntita
Tengo el icono normal, con el photoshop como puedo quitarle un pelin de color? Para que el icono sea el foro que no han contestado.

GRACIAS!
 

jjuuaannk

Épsilon
Verificación en dos pasos desactivada
Desde
26 Sep 2007
Mensajes
953
Edad
30
Crédito(s)
0
Puntos
0
Hola Jesus,

Puedes crearle una capa encima con fondo blanco y la pones un poco transparente para que se vea como quieres...

un saludo
 

POLLO

Alfa
Verificación en dos pasos desactivada
Desde
4 Nov 2009
Mensajes
20
Edad
40
Crédito(s)
0
Puntos
0
Chuta una pregunta en los foros se me ve el icono pero en los subforos no como lo hago para añadirlos también supongo habrá que añadir también el icono de tema cerrado y tal no se si me entiendes.
 

Andrés Durán

Xi
Verificación en dos pasos desactivada
Desde
23 Abr 2009
Mensajes
4.371
Edad
27
Crédito(s)
0
Puntos
0
Hola POLLO.

También deberás agregar prefijos a todas las imágenes de estado personalizadas del foro. En esta guía indiqué solamente los íconos de foros con y sin actividad con fines de practicidad.
 

soulfire23

No recomendado
Baneado
Verificación en dos pasos desactivada
Desde
12 Sep 2009
Mensajes
191
Edad
33
Crédito(s)
0
Puntos
0
Muy util el manual, lo unico que yo recomiendo en vez de poner este codigo 1- poner el nombre de la seccion,ya que es mas comodo a la hora de cambiarlas.

Saludos
 

shindoux

Beta
Verificación en dos pasos desactivada
Desde
4 Nov 2009
Mensajes
49
Crédito(s)
0
Puntos
0
gracias por la guia, pero tengo una consulta se puede cambiar el tamaño de los iconos del foro porque el defaul es de (48px x 48px) se puede cambiar para que queden mas grandes??
 

Andrés Durán

Xi
Verificación en dos pasos desactivada
Desde
23 Abr 2009
Mensajes
4.371
Edad
27
Crédito(s)
0
Puntos
0
Hola shindoux.

Puedes cambiar el tamaño de los iconos editando la variable de estilo forumicon_size.
 

shindoux

Beta
Verificación en dos pasos desactivada
Desde
4 Nov 2009
Mensajes
49
Crédito(s)
0
Puntos
0
gracias por la respuesta, los category_forum_new.png no se puede remplazar tambien estaba probando pero no funciona, se podra de otroa forma?
 

imported_3sc0rpi0n

Beta
Verificación en dos pasos desactivada
Desde
27 Abr 2006
Mensajes
62
Edad
35
Crédito(s)
0
Puntos
0
Yo tengo mis iconos en gif hay manera de cambiar aa gif en lugar de png alguiien me ayuda :$
 

Andrés Durán

Xi
Verificación en dos pasos desactivada
Desde
23 Abr 2009
Mensajes
4.371
Edad
27
Crédito(s)
0
Puntos
0
Hola 3sc0rpi0n.

Busca en la plantilla forumhome_forumbit_level1_post esto:

HTML:
{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png
Reemplazas *.png por la extensión que gustes.

Busca en la plantilla forumhome_forumbit_level2_nopost esto:

HTML:
category_forum_{vb:raw forum.statusicon}.png
Reemplazas *.png por la extensión que gustes.

Busca en la plantilla forumhome_forumbit_level2_post esto:

HTML:
{vb:raw forum.imageprefix}forum_{vb:raw forum.statusicon}-48.png
Reemplazas *.png por la extensión que gustes.
 

Arriba