Iconos personaliados para cada foro?

  • Autor Autor UYwork
  • Fecha de inicio Fecha de inicio
UYwork

UYwork

1
Kappa
Verificación en dos pasos activada
Suscripción a IA
Hola,

Tengo una duda con vb5, quiero agregar iconos personalizados para los foros (pagina principal).

Cual es la forma correcta de agregar los iconos?

Gracias.
 
¿Te sirvió? Únete a la conversación

Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.

Toma 30 segundos · vuelves a este tema al terminar
Hola Mauricio,

Lo más cercano que encontre para lo que vos queres fueron estos temas

Forum's icon - vBulletin Community Forum

vb5 temp fix for custom forum icons(any size) - vBulletin Community Forum

Por lo que vi, piden agregar nuevas classes para sustituir a los iconos que vienen en el sprite.png.

Por ejemplo este css en el css_additional.css

Insertar CODE, HTML o PHP:
/* start custom forum icons */
/* Forums */
.forum-list-container .forum-item .cell-forum .icon {
background: transparent url("http://www.your_imagelink1.com") no-repeat; /* forum icon for forums with old posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item.new .cell-forum .icon {
background: transparent url("http://www.your_imagelink2.com") no-repeat; /* forum icon for forums with new posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
padding-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
margin-top: -25px; /* 17 - icon height */
}
/* Sub Forums */
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 53px; /* icon width + 13 */
}
/* Responsive */ [MENTION=16931]medi[/MENTION]a only screen and (max-width: 768px)  {
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */

De todas formas seguire investigando si se es posible agregar un icono diferente a cada categoría. :encouragement:
 
Muchisimas gracias! Voy a revisar lo enlaces, gracias por tu tiempo!!!:encouragement:

Hola Mauricio,

Lo más cercano que encontre para lo que vos queres fueron estos temas

Forum's icon - vBulletin Community Forum

vb5 temp fix for custom forum icons(any size) - vBulletin Community Forum

Por lo que vi, piden agregar nuevas classes para sustituir a los iconos que vienen en el sprite.png.

Por ejemplo este css en el css_additional.css

Insertar CODE, HTML o PHP:
/* start custom forum icons */
/* Forums */
.forum-list-container .forum-item .cell-forum .icon {
background: transparent url("http://www.your_imagelink1.com") no-repeat; /* forum icon for forums with old posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item.new .cell-forum .icon {
background: transparent url("http://www.your_imagelink2.com") no-repeat; /* forum icon for forums with new posts */
width: 40px; /* icon width */
height: 42px; /* icon height */
}
.forum-list-container .forum-item .cell-forum > .forum-wrapper > .forum-info {
padding-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
margin-top: -25px; /* 17 - icon height */
}
/* Sub Forums */
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 53px; /* icon width + 13 */
}
/* Responsive */ [U][B]Enlace eliminado[/B][/U]a only screen and (max-width: 768px)  {
.forum-list-container .forum-item .cell-forum .forum-desc {
margin-{vb:stylevar left}: 48px; /* icon width + 8 */
}
.forum-list-container .subforum-list > td {
padding-{vb:stylevar left}: 73px; /* icon width + 33 */
}
}
/* end custom forum icons */

De todas formas seguire investigando si se es posible agregar un icono diferente a cada categoría. :encouragement:
 
Atrás
Arriba