Como cambio el color del panel

tycko 9 May, 2011, 10:13 pm

-Titulo: ¿Como cambio de color el panel?
-URL: http://sony_hack.zobyhost.com
-Version del Foro: 1.6.3
-Actualizacion: Ninguna
-Informacion del problema: Bueno quisiera que me ayudaran a cambiarle el color a este tema en el panel donde se ven los mensajes privados , y el contador de mensajes ya que por el fondo no se distinguen.

Les dejo una imagen las flechas indican lo que quiero cambiar.

[Imagen: k9dqid.jpg]

Edson Ordaz 9 May, 2011, 10:21 pm

Eso lo puedes modificar desde la plantilla header welcomeblock member!!!

tycko 9 May, 2011, 10:30 pm

Gracias por la ayuda pero si pudieras ser un poco mas especifico que tengo que añadir y en que parte, por que soy nuevo editando plantillas

[Imagen: bf42lg.jpg]

Omar G. 9 May, 2011, 11:09 pm

Eso se edita en global.css, ve y busca:

Cita:#panel .upper, #footer .upper {
background: #0f0f0f url(images/finalsense/tcat.png) repeat-x;
color: #fff;
border-top: 1px solid #444;
border-bottom: 1px solid #999;
padding: 7px; height:18px;
}

Cita:#panel .lower {
background: #333 url(images/finalsense/tcat.png);
color: #999;
border-top: 1px solid #444;
border-bottom: 1px solid #ccc;
overflow: hidden; font-size:92%;
padding: 5px 20px;
}

En negrita esta la imagen de fondo, sube la tuya del color que quieras y cámbiala en el global.css

Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;

tycko 10 May, 2011, 12:13 am

Sama34 me sirvio muy bien tu informacion solo que solo se cambio una parte lo que dice bienvenida a (user) todavia los botones de cerrar secion, mensajes privados. lista de amigos se siguen viendo gris y quiero cambiarles el color a blanco, no quiero cambiar la imagen solo el color de ese texto.

[Imagen: er0tpj.jpg]

Omar G. 10 May, 2011, 1:06 am

Malentendí tu duda.

Spoiler:

#panel ul.menu li a:hover {
background:#eee; color:#333; text-shadow: 1px 1px 3px #ccc;
}

#panel .lower ul.user_links li a:hover {
	color:#888; background:transparent;text-shadow: 1px 1px 9px #fff;
}

#panel .lower {
	background: #333 url(../../../images/finalsense/tcat.png);
	color: #FFFFFF;
	border-top: 1px solid #444;
	border-bottom: 1px solid #ccc; 
	overflow: hidden; font-size:92%;
	padding: 5px 20px;
}

#panel .lower a:hover,
#panel .lower a:active {
	color: #999;
	text-decoration: none;
}

Todo lo que tenga #panel al principio cámbiale el atributo color:#xxx; al color que tu quieras (fff=white)