¿Cómo doy estilo a los menús de enlace para filtrar como el de "Dean + Friends" Just Dean "Just Friends" en Facebook?

votos
0

Varias páginas en nuestra aplicación web de comercio electrónico permiten a los usuarios filtrar una lista de estado de las solicitudes que nos han enviado.

Los filtros son generalmente algo así como:

Todo pendiente terminado

Los tenemos configurados como enlaces. Nos gustaría diseñarlos de modo que el filtro actualmente activo se resalte con un rectángulo de color (con esquinas redondeadas, natch!) Y el texto se vuelva blanco.

El resaltado rectangular permanecerá hasta que el usuario haga clic en uno de los otros filtros (Pendiente, Completado) en cuyo punto el resaltado se moverá al enlace que acaba de hacer clic.

Un ejemplo de esto aparece en varios lugares en Facebook donde, por ejemplo, las publicaciones en el muro se filtran en:

Dean + Friends Just Dean Just Friends

¿Existe alguna manera directa de hacer esto en CSS, tal vez mediante el diseño del enlace visitado más recientemente, pero marcando los visitados previamente como no visitados?

Gracias,

Dean Richardson

Publicado el 10/04/2009 a las 04:33
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
1

¿Existe alguna manera directa de hacer esto en CSS, tal vez mediante el diseño del enlace visitado más recientemente, pero marcando los visitados previamente como no visitados?

No puede producir la dinámica de este efecto con CSS puro. Facebook lo hace mediante la adición de una clase de CSS con Javascript que se activa al hacer clic en uno de los botones de la píldora. La clase CSS contiene reglas de estilo que lo hacen aparecer de la manera deseada.

Respondida el 10/04/2009 a las 05:22
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more