Sí, perfectamente. Ya me quedo totalmente claro.
En estas listas hemos hablado en varias ocasiones
de unir clases css. Esa podría ser tu solución.
Veamos:
<ul class="box_content_navigation"
>
<li class="icon-home first"><a href="inicio">Inicio</a></li>
<li class="icon-blog has_children"><a href="cmvblog">Blog</a>
<ul>
<li class="subitem first"><a href="cmvblog/create">Crear
entrada</a></li>
<li class="subitem last"><a
href="cmvblog/categories">Categorías</a></li>
</ul>
</li>
<li class="icon-event current"><a href="event">Eventos</a></li>
<li class="icon-members"><a href="members">Directorio</a></li>
<li class="icon-friends last"><a href="relations">Amigos</a></li>
<li class="icon-messages"><a href="messages">Mensajes</a></li>
<li class="icon-account"><a href="edit-profile">Editar perfil</a></li>
<li class="icon-admincp hide-for-small"><a href="admin"
target="_blank">Panel de Control</a></li>
</ul>
Fíjate que en li de eventos, le he añadido la clase current además
de la que ya tenía.
¿Cómo hacemos ahora para darle a ese elemento?. Así.
li.icon-event.current { background:
url("../images/comvivem/icon_eventos_hover.png")
no-repeat scroll 0 4px transparent; background-color: #000 }
Fíjate, le he dicho al sistema css del navegador que quiero darle estilo
a un li que tenga la clase icon-event y que ademas tenga la clase .current
Es decir, quiero darle estilo a un li cuando tenga ambas clases y luego
ponemos todas las propiedades de estilo que queramos darle en ese caso.
El li lo he puesto por clarificar, siempre lo hago así, pero no es
necesario.
Un saludo
--
Manuel Canga
Desarrollo creativo de
CMS y frameworks
Email: *i...@latrasweb.net*
Web: http://www.latrasweb.net
Twitter: http://twitter.com/latrasweb_net
El 4 de septiembre de 2012 22:37, reynie...@gmail.com
<reynie...@gmail.com>escribió:
> Hola Manuel y gracias por tu respuesta, precisamente eso es lo que quiero o
> sea cambiar el color del fondo del LI que toma clase "current" pero
> manteniendo el icono asociado a la mismo en el estado hover. Veamos un
> ejemplo: supongamos que el li con class="icon-event" toma la clase current
> tambien por lo cual quedaria li class="icon-event current" bueno si se dan
> de cuenta ese icon-event tiene un estado por default
> .icon-event{background: url("../images/comvivem/ico_
> eventos.png") no-repeat scroll 0 4px transparent;padding: 0 0 0
> 35px;cursor:pointer;border-bottom:1px dotted #CCCCCC} y uno para cuando se
> le hace un hover .icon-event:hover{background:
> url("../images/comvivem/ico_eventos_hover.png") no-repeat scroll 0 4px
> transparent;padding: 0 0 0 35px;cursor:pointer;border-bottom:1px dotted
> #CCCCCC}. Lo que tendria entonces que hacer digamos seria algo como esto:
> .current {background: url("../images/comvivem/ico_eventos_hover.png")
> no-repeat scroll 0 4px transparent; background-color: #000} y funcionaria
> pero solo para este elemento, que pasas si ahora mi clase current estuvera
> en li class="icon-members current"? Como entonces cambiaria al
> .icon-members:hover? Me hago entender?
>
>
> Ing. Reynier Perez Mira
> eMail: reynie...@gmail.com, reynier. <reynie...@hotmail.com>
> pe...@treswd.com
> Website: http://www.reynierpm.com
> Skype: reynierpm
> Mobile: +58 424.180.5609
>
>
>
> 2012/9/4 Manuel Canga - Latrasweb.net <i...@latrasweb.net>
>
> > No te he entendido bien. Si lo que quieres es que
> > a un li con una clase current se le cambie el color de fondo
> > pero los iconos se mantengan como el hover. Añade
> > a los estilos de current la imagen del icono que tienes en el hover.
> >
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
