Cambiar iconos mensajes leídos y no leídos

[jafl]

Hola,

Queríamos cambiar en el Theme Curve2 los iconos que salen por defecto para indicar los mensajes leídos y no leídos.

No conseguimos dar con la manera correcta de hacerlo.

Muchas gracias por la ayuda.

[Diego Andrés]

Es un "sprite" en Themes/default/images/boardicons.png

O también con CSS puedes cambiarlos individualmente si te sientes cómodo con eso.

[SamuConejo]

También puedes irte a: themes/tutheme/images, y ahí dentro buscas las imágenes nombradas como: "on, on2, off", solo tienes que sustituir esas imágenes por las que quieras con ese mismo nombre y reemplazarlos en ese mismo lugar, luego actualizas tu página y te saldrán los nuevos iconos.

[Diego Andrés]

@SamuConejo Eso sería válido en SMF 2.0.x
La imagen en el tema es para SMF 2.1.x que es diferente 

[jemaral]

O también con CSS puedes cambiarlos individualmente si te sientes cómodo con eso.

En qué parte del código CSS puedes cambiar el color de las distintas 4 imágenes?

Gracias,

[Diego Andrés]

En el index.css

Code Select Expand

.board_icon a {
background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
display: inline-block;
width: 45px;
height: 45px;
}
.board_icon a.board_on2 {
background-position: -45px 0;
}
.board_icon a.board_off {
background-position: 0 -45px;
}
.board_icon a.board_redirect {
background-position: -45px -45px;
}
.board_icon {
text-align: center;
padding: 8px 0 0 0;
width: 60px;
flex-shrink: 0;
}
.boardindex_table .board_icon {
width: 80px;
}

[jemaral]

En el index.css

Code Select Expand

.board_icon a {
background: url(../images/boardicons.png) no-repeat 0 0 / 90px;
display: inline-block;
width: 45px;
height: 45px;
}
.board_icon a.board_on2 {
background-position: -45px 0;
}
.board_icon a.board_off {
background-position: 0 -45px;
}
.board_icon a.board_redirect {
background-position: -45px -45px;
}
.board_icon {
text-align: center;
padding: 8px 0 0 0;
width: 60px;
flex-shrink: 0;
}
.boardindex_table .board_icon {
width: 80px;
}

Gracias, aunque no entiendo cómo con ese código puedo cambiar colores 

[-Rock Lee-]

@jemaral fijate que la linea donde dice "background: url(../images/boardicons.png)" es basicamente la de los iconos... agrupa los 4 juntos, con el css podes acomodarlo un poco. Con los demas valores podes agregar algo de color pero la base siempre se mantendra igual




Saludos!