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

{SIGNATURE_IMAGE}

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]

Código:
#panel ul.menu li a:hover {

background:#eee; color:#333; text-shadow: 1px 1px 3px #ccc;

}

Código:
#panel .lower ul.user_links li a:hover {

    color:#888; background:transparent;text-shadow: 1px 1px 9px #fff;

}

Código:
#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;

}

Código:
#panel .lower a:hover,

#panel .lower a:active {

    color: #999;

    text-decoration: none;

}

[/spoiler]

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