Te enseño como cambiar los iconos de los foros en xenForo

Inamsay

Gamma
Verificación en dos pasos desactivada
Desde
27 Ago 2009
Mensajes
251
Crédito(s)
3
Puntos
517
Un Saludo a la comunidad.

Si trabajas con xenForo, sabrás que cambiar los iconos de los nodes (foros) puede ser una pesadilla.
Actualmente existe un addons pero es de pago y al igual es muy básico, no te deja cambiar de color cuando hay un tema o mensaje nuevo, siempre es el mismo color

De esta forma, tus foros cambiaran de color cuando allá algún mensaje nuevo o ya hayas visto los mensajes

Para cambiar los iconos utilizando Front Awesome, lo primero que hacer es:

1. Obtener el ID del foro que quieres cambiar el icono, ejemplo:

https://wowcreador.com/forums/paginas-web. 13/
(nota: pongo mi propio foro como ejemplo, porque Forobeta no lo tiene asi)
El ID seria 13.

2.
Ir a Front Awesome is buscamos el icono que queremos para eso node (foro) y copiamos el unicode, en este caso: f30e

jack halloween wowcreador.JPG
3. Ahora vas al panel de administrador> appearance> template > y abrimos extra.less

admin template wowcreador.JPG


4. Y pegamos este codigo:
Insertar CODE, HTML o PHP:
/* xFDestek.com Node Forum Icon Use - Start */
.node--forum.node--id13.node--read .node-icon i:before {
    content: "\f5a9";
    color: #d5eaf9
}
/* xFDestek.com Node Forum Icon Use - End */
/* xFDestek.com Node Forum Icon Use - Start */
.node--forum.node--id13.node--unread .node-icon i:before {
    content: "\f5a9";
    color: #185886
}
/* xFDestek.com Node Forum Icon Use - End */
Lo que esta en negritas lo cambiamos por el numero del (node) foro .node--forum.node--id13.node--read .node-icon i:before {

Y en este ponen el uncode(icono) que quieren content: "\f5a9";

No se olviden hacer el cambio en los dos códigos.

5. Guardas los cambios y a deberías de ver el foro con el nuevo icono.

Ejemplo en vivo aquí

Si tienen algo duda no duden en dejame saber. Yo utilizo 2.1.X
 
Última edición:

Arriba