IMPORTANTE: lo típico es pensar que hay que dejar espacio
entre los nombres de las clases. No lo hagas!.
Te lo pongo en grande por si acaso:
li.icon-event.current { estilo que yo quiero para etiquetas que tenga las
dos clases anteriores }
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:45, Manuel Canga - Latrasweb.net <
i...@latrasweb.net> escribió:
> 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
