Foros del Web » Creando para Internet » CSS »

Problema para darle el color....

Estas en el tema de Problema para darle el color.... en el foro de CSS en Foros del Web. Hola foristas, tengo un temita con este código. Resutla que me aparece en el fondo un #EEE y lo quiero pasar a #454545 y no ...
  #1 (permalink)  
Antiguo 11/01/2009, 19:03
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Pregunta Problema para darle el color....

Hola foristas, tengo un temita con este código. Resutla que me aparece en el fondo un #EEE y lo quiero pasar a #454545 y no lo logro. Es la parte donde se ve el menú de navegación. No sé si he sido clario. ¿Me dan una mano? Es un origial de CSSPLAY que trato de adaptar a mis necesidades. Una parte en css y otra en java, pero que en un momentos tiene para modificar colores.
Muchas gracias y ojalá mi consulta sea pertinente.

Se ve así:



Me gustaría se vea así:




Codigo css:

/* #slide height = (number of top level links - 1) * height of links + inner div height */

#slide {padding:0; margin:0; list-style:none; width:190px; height:315px;/* border:1px solid #fff;*/ position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; float:left; background-color:#1D1D1D; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:190px; color:#000; background:#454545; background-image:url(../png/mb3.png); background-repeat:no-repeat; text-decoration:none;border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#454545 url(../gif/out.gif) no-repeat 5px 8px;}

#slide li.top a {text-decoration:none; color:#FFF; display:block; background:url(../gif/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#FFF; background:#454545 url(../gif/out-over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#800; background:#454545 url(../gif/down.gif) no-repeat 5px 8px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff; height:165px; width:160px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}

#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff url(../gif/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}
#slide li div ul li a:hover {color:#069; background:#fff url(../gif/out-over.gif) no-repeat 5px 6px;}/* CSS Document */


Código dentro de la página html....Java.

<script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
/* ================================================== ==============
This copyright notice must be untouched at all times.
Copyright (c) 2008 Stu Nicholls - stunicholls.com - all rights reserved.
================================================== ================= */
/* <![CDATA[ */
$(document).ready(function(){
/* CONFIG */
/* set start (sY) and finish (fY) heights for the list items */

sY = 24; /* height of li.sub */
fY = 165; /* height of maximum sub lines * sub line height */
/* end CONFIG */

/* open first list item */
animate (fY)

$("#slide .sub").click(function() {
if (this.className.indexOf('clicked') != -1 ) {
animate(sY)
$(this) .removeClass('clicked')
.css("background", "#454545 url(gif/out.gif) no-repeat 5px 8px")
.css("color", "#000");
}
else {
animate(sY)
$('.clicked') .removeClass('clicked')
.css("background", "#454545 url(gif/out.gif) no-repeat 5px 8px")
.css("color", "#000");
$(this) .addClass('clicked');
animate(fY)
}
});

function animate(pY) {
$('.clicked').animate({"height": pY + "px"}, 500);
}

$("#slide .sub") .hover(function(){
$(this) .css("background", "#454545 url(gif/down.gif) no-repeat 5px 8px")
.css("color", "#FFF");
},function(){
if (this.className.indexOf('clicked') == -1) {
$(this) .css("background", "#454545 url(gif/out.gif) no-repeat 5px 8px")
.css("color", "#FFF");
}
});

});
/* ]]> */
</script>

Última edición por admoro; 11/01/2009 a las 19:13
  #2 (permalink)  
Antiguo 11/01/2009, 21:10
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Respuesta: Problema para darle el color....

No será que es una imagen lo que tiene ese color (#EEE) ?
__________________
Salu2!
  #3 (permalink)  
Antiguo 11/01/2009, 21:15
Avatar de admoro  
Fecha de Ingreso: agosto-2005
Ubicación: Prov. de Bs As. Argentina
Mensajes: 432
Antigüedad: 12 años, 3 meses
Puntos: 3
Respuesta: Problema para darle el color....

Italico79, gracias por tu tiempo. Yo pensé lo mismo, pero, lo raro, es que bajé imágenes del original liberado por CSSPLAY, sino simplemente el código....de ahí que me viene ganando....
Gracias de nuevo
  #4 (permalink)  
Antiguo 11/01/2009, 21:24
Avatar de Italico76  
Fecha de Ingreso: abril-2007
Mensajes: 3.303
Antigüedad: 10 años, 8 meses
Puntos: 290
Respuesta: Problema para darle el color....

Pero la imagen es de ese color ? porque si es asi... podrias usar algun 'color replacement' de algun programa tipo PhotoShop

PD: me haces 3 años mas joven xD
__________________
Salu2!
  #5 (permalink)  
Antiguo 12/01/2009, 02:17
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Problema para darle el color....

He estado ojeando el asunto y me da la sensación de que es una imagen de fondo porque es un color #eee pero cerca de la linea blanca es un #efefef...
Porque no nos pones una url o la url del ejemplo de css play...??

Un saludo!!

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:52.