Foro de debate
OpenLazarus

Aprender a base de fallos y probar.

Hola.
Me siento un inútil a vuestro lado. Gracias, a ver cuando tengo un poquito para probar vuestra información.
Tengo una consulta acerca de los escaparates. ¿Como puedo hacer que la pestaña del escaparate elegido siga en otro color? Por ejemplo el mismo color de cuando se pasa el ratón en cima.
Editado el 17/12/2011 23:04:00

Hola Jose Carlos,
Si lo que quieres hacer es invertir los colores, podrías hacer lo siguiente:
Partiendo del css actual, busca las siguientes líneas:
.men_header div.f_left a{background:url('../img/tabs.jpg') no-repeat scroll 0 -50px;height:25px;}
.men_header div.f_left a span{background:url('../img/tabs.jpg') no-repeat scroll 100% -75px transparent;height:25px;}
- Esta parte te muestra el color de la pestanya en estado normal
.men_header div.f_left a:hover,.men_header div.f_left li.activo a{background:url('../img/tabs.jpg') no-repeat scroll 0 0;height:25px;}
.men_header div.f_left a:hover span,.men_header div.f_left li.activo a span{background:url('../img/tabs.jpg') no-repeat scroll 100% -25px transparent;height:25px;}
- Esta otra es cuando se pasa el ratón por encima
Cámbialas por estas:
.men_header div.f_left a{background:url('../img/tabs.jpg') no-repeat scroll 0 0;height:25px;}
.men_header div.f_left a span{background:url('../img/tabs.jpg') no-repeat scroll 100% -25px transparent;height:25px;}
.men_header div.f_left a:hover,.men_header div.f_left li.activo a{background:url('../img/tabs.jpg') no-repeat scroll 0 -50px;height:25px;}
.men_header div.f_left a:hover span,.men_header div.f_left li.activo a span{background:url('../img/tabs.jpg') no-repeat scroll 100% -75px transparent;height:25px;}
Lo que he hecho ha sido invertir las clases.
Ya me dices.

Buenas Jairo,
Creo que no se refiere a eso José, creo que a lo que se refiere es que cuando se selecciones un escaparate (pestaña), esta se quede de otro color diferente, por ejemplo como cuando hace el hover, es decir para que se aprecie en que escaparate esta seleccionado en ese momento.

Es como yo lo he entendido.

Si me equivoco que me corrigan.

Por lo tanto creo que habría que tocar bastante código y crear nuevas clases para conseguirlo, ya que las imagenes de las plantillas solo tiene dos posiciones, en reposo y el hover al pasar al ratón, como no se cree otra clase que sea activa o algo similar y modificar tanto la imagen de las penstañas como el css para ello.

Que me corrigan los expertos

Correcto Antonio, eso es lo que yo quiero. De esa forma el cliente sabe mejor en que escaparate está

Hola José,
Para eso no hay una manera standard de hacerlo, se tendría que hacer por jQuery de forma personalizada.
Un saludo

Gracias Jairo, entonces lo dejo para cuando se haga una plantilla nueva desde el principio.