Inamsay
Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 27 Ago 2009
- Mensajes
- 540
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
3. Ahora vas al panel de administrador> appearance> template > y abrimos extra.less
4. Y pegamos este codigo:
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
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
3. Ahora vas al panel de administrador> appearance> template > y abrimos extra.less
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:
