Página 1 de 1

Personalizar fondo de los spoilers - (con la EXT simple spoilers de AbaddonOrmuz)

Publicado: 07 Sep 2020, 22:47
por karbiko

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:
Imagen

Imagen

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;
}

Imagen

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


Re: Personalizar fondo de los spoilers - (con la EXT simple spoilers de AbaddonOrmuz)

Publicado: 10 Nov 2020, 12:21
por karbiko

Comentar que con la actualización a la versión 2.3.2 el archivo que hay que copiar y al que luego hay que hacer las modificaciones es colors.css, que se encuentra en la misma en la misma ruta arriba indicada.