Cambiar los colores del estilo

[churen]

Ola!!

Soy nuevo y queria saber si hai alguna aplicacion o algo para modificar mas facil los css o si hai algun elemento para subir al panel de administracion para cambiar los colores del estilo?

[leviatan21]

Reglas del Foro
Antes de participar en los foros, leer esto por favor.
Normas generales de phpBB-Es y las de Soporte

[churen]

Reglas del Foro
Antes de participar en los foros, leer esto por favor.
Normas generales de phpBB-Es y las de Soporte

ya lo lellera

[leviatan21]

Una vez que leas las normas, notarás que debes brindarnos los datos sobre tu foro para que podamos darte soporte

[churen]

URL: http://prueba23.zobyhost.com
Plantilla(s) usuada(s): Blue Suavity
MODs instalados: ninguno
Versión de phpBB: 3.0.7 PL1
Servidor: Gratuito

Perdon por no hacer esto, queria saber como cambiar los colores del estilo o si hai alguna aplicacion para añadir al panel de administracion y hacerlo desde hai?

[DaVidU]

precisamente soy el creador del estilo te pusiste para el foro, y solo te puedo decir que para cambiar los colores del estilo se hace desde los propios archivos css de la plantilla desde un editor de html por ejemplo, claro esta debes saber lo que tocas, por eso te diré que me enseñes una captura de pantalla de lo que quieres cambiar, eso si, vayamos por partes, primero cambiamos una cosa y cuando este vamos por otra

[churen]

precisamente soy el creador del estilo te pusiste para el foro, y solo te puedo decir que para cambiar los colores del estilo se hace desde los propios archivos css de la plantilla desde un editor de html por ejemplo, claro esta debes saber lo que tocas, por eso te diré que me enseñes una captura de pantalla de lo que quieres cambiar, eso si, vayamos por partes, primero cambiamos una cosa y cuando este vamos por otra

En principio me interesaria cambiar los fondos azul claro y el color del texto.

[DaVidU]

y yo te vuelvo a decir que me enseñes una captura de pantalla con lo que quieres cambiar, este estilo tiene muchos colores azules

[churen]

En esta quiero cambiar el fondo azul y las lineas que son un azul un poco mas oscuro


En esta cambiar el azul del cuadro del mensaje.



Quiero cambiar el azul porque a ser sobre el sistema operativo opensuse su color es verde o gris claro ya que se confundiria con Mandriva o Fedora.

[DaVidU]

para ello abre tu archivo:
root/styles/BlueSuavity/theme/colours.css

y busca esto: (color de cada fila de los foros)

Código: Seleccionar todo

li.row {
	border-top-color:  #FFFFFF;
	border-bottom-color: #09F;
	background-color: #e9f2fa;
}

cámbiale el background-color y el color del border-bottom-color

después busca esto: (color al pasar el mouse por encima de cada foro)

Código: Seleccionar todo

li.row:hover {
	background-color: #ffe6c2;
}

cámbiale el background-color

después busca esto: (color de las estadísticas)

Código: Seleccionar todo

.bgstats {
	background-color: #e9f2fa;
}

cámbiale el background-color

si quieres cambiar las líneas de los bordes de alguna etiqueta de estas en el archivo common.css con el mismo nombre de etiqueta podrás cambiar los colores de los "borders"

para cambiar el color de los mensajes lo tienes en el mismo archivo colours.css, concretamente en estas 3 etiquetas:

Código: Seleccionar todo

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #ffe6c2;  }
.bg3	{ background-color: #c2ddf5;
	background-image: url("{T_THEME_PATH}/images/bgpost3.png");
	background-repeat:repeat-x;
	border:1px solid #0099ff;
}

cuando termines de modificar archivos, guarda los archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios

[churen]

Ya lo cambie ahora solo tendria que hacer los siguientes cambios:

Cambiar el resto de lineas azules:


Y el resto de fondos azules del login, register...

[DaVidU]

para ello abre tu archivo:
root/styles/BlueSuavity/theme/colours.css

y busca esto:

Código: Seleccionar todo

li.row {
   border-top-color:  #FFFFFF;
   border-bottom-color: #09F;
   background-color: #e9f2fa;
}

cámbiale el border-bottom-color

en el mismo archivo colours.css busca y cambia este borde: (borde vertical cuando pasas el mouse por encima de los foros)

Código: Seleccionar todo

li.row:hover dd {
	border-left-color: #09F;
}

en el mismo archivo colours.css busca y cambia este borde: (borde vertical de los foros)

Código: Seleccionar todo

ul.topiclist dd {
	border-left-color: #09F;
}

para cambiar el borde de las estadísticas así como la línea del h3 de la misma etiqueta abre el archivo content.css y busca esto:

Código: Seleccionar todo

.bgstats {
	background-color: #e9f2fa;
	font-size:1em;
	border: 1px solid #09F;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 70px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
.bgstats h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #09F;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color:#093b7e;
	margin-top: 5px;
}

para la segunda captura y su color de fondo en tu archivo colours.css busca y cambia el background-color:

Código: Seleccionar todo

.panel {
	background-color: #c2ddf5;
	color: #224d90;
}

cuando termines de modificar archivos, guarda los archivos, actualiza el tema, limpia el cache del foro y refresca el navegador para ver los cambios

espero con esto te sirva y tengas el foro como querías