Página 1 de 1

Cambiar los colores del estilo

Publicado: 28 Sep 2010, 22:31
por 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?

Re: Cambiar los colores del estilo

Publicado: 28 Sep 2010, 22:33
por leviatan21

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


Re: Cambiar los colores del estilo

Publicado: 28 Sep 2010, 22:36
por churen
leviatan21 escribió:

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

Re: Cambiar los colores del estilo

Publicado: 28 Sep 2010, 23:11
por leviatan21
Una vez que leas las normas, notarás que debes brindarnos los datos sobre tu foro para que podamos darte soporte

Re: Cambiar los colores del estilo

Publicado: 28 Sep 2010, 23:46
por 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?

Re: Cambiar los colores del estilo

Publicado: 29 Sep 2010, 11:17
por 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 :jaja:

Re: Cambiar los colores del estilo

Publicado: 29 Sep 2010, 12:05
por churen
DaVidU escribió: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 :jaja:
En principio me interesaria cambiar los fondos azul claro y el color del texto.

Re: Cambiar los colores del estilo

Publicado: 29 Sep 2010, 12:12
por 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 :jaja:

Re: Cambiar los colores del estilo

Publicado: 29 Sep 2010, 12:26
por churen
En esta quiero cambiar el fondo azul y las lineas que son un azul un poco mas oscuro
Imagen

En esta cambiar el azul del cuadro del mensaje.
Imagen


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.

Re: Cambiar los colores del estilo

Publicado: 02 Oct 2010, 10:33
por 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 :cerveza:

Re: Cambiar los colores del estilo

Publicado: 02 Oct 2010, 23:37
por churen
Ya lo cambie ahora solo tendria que hacer los siguientes cambios:

Cambiar el resto de lineas azules:
Imagen

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

Re: Cambiar los colores del estilo

Publicado: 04 Oct 2010, 11:01
por 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 :jaja:

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