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.
 
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