Personalizar fondo de los spoilers - (con la EXT simple spoilers de AbaddonOrmuz)
Pues bueno, comentar que pregunté a @AbaddonOrmuz si era posible incluir una personalización de los spoilers para personalizar el color de los spoilers, de tal manera que -por ejemplo- en un tema oscuro no saliera ese fondo de color blanco, que haría romper todo el estilo...
Así me indicó las instrucciones para hacerlo, y aquí se las comparto:
AbaddonOrmuz escribió:Actualmente es posible cambiar los colores dependiendo del estilo remplazando únicamente el archivo
colors.min.css
con los colores modificados.Por ejemplo, suponiendo que quieras modificar los colores de
prosilver_dark
, se necesitaría lo siguiente:
- Crear la carpeta
ext/alfredoramos/simplespoiler/styles/prosilver_dark/theme/css/
- Copiar el archivo
ext/alfredoramos/simplespoiler/styles/prosilver/theme/css/colors.min.css
a la carpeta anterior- Modificar los colores,
details.spoiler
específicamente para el fondo- Subir el archivo al servidor
Yo, por ejemplo, he hecho esta modificación en el prosilver dark:
Código: Seleccionar todo
/**
* Simple Spoiler extension for phpBB.
* @author Alfredo Ramos <alfredo.ramos@yandex.com>
* @copyright 2017 Alfredo Ramos
* @license GPL-2.0-only
*/
details.spoiler {
background-color: #586474;
}
details.spoiler,
.spoiler-header {
border-color: #3a404a;
}
.spoiler-header {
background-color: #b8bdc7;
color: #333;
}
.spoiler-status {
background-color: #d9534f;
}
.spoiler-status,
.spoiler-status > .icon {
color: #fff;
}
details.spoiler[open] > .spoiler-header > .spoiler-status {
background-color: #5cb85c;
}
con este resultado:
Por su parte, @AbaddonOrmuz hizo esta adaptación para Orange_BBEs, que aquí tb os dejo:
Código: Seleccionar todo
/**
* Simple Spoiler extension for phpBB.
* @author Alfredo Ramos <alfredo.ramos@yandex.com>
* @copyright 2017 Alfredo Ramos
* @license GPL-2.0-only
*/
details.spoiler {
background-color: #f4e4be;
}
details.spoiler,
.spoiler-header {
border-color: #ffb76b;
}
.spoiler-header {
background-color: #ffc588;
color: #333;
}
.spoiler-status {
background-color: #d9534f;
}
.spoiler-status,
.spoiler-status > .icon {
color: #fff;
}
details.spoiler[open] > .spoiler-header > .spoiler-status {
background-color: #5cb85c;
}
Bueno, pues aquí está el cómo hacerlo para cada estilo que queráis personalizar...
Las gracias a Alfredo por su contribución por esta magnífica extensión y todo el curro que conlleva estar a nuestras peticiones...
PD: ahora me falta saber como personalizar el fondo de los [quote]
de la extensión ABBC... Pero esa es cuestión para otro tema.
Salu2