Hoe kan ik de stijl koppeling menu's voor het filteren zoals de 'Dean + Friends' 'Just Dean' 'Just Friends' één op Facebook?

stemmen
0

Meerdere pagina's op onze e-commerce web app kunnen gebruikers de status lijst van verzoeken ze bij ons heeft ingediend filteren.

De filters zijn meestal iets als:

Alle lopende Voltooid

We hebben ze in te stellen als koppelingen. We willen hen stijl, zodat de huidige actieve filter wordt gemarkeerd met een gekleurde rechthoek (w / afgeronde hoeken, natch!) En de tekst wordt wit.

De rechthoekige hoogtepunt totdat de gebruiker zou blijven geklikt een van de andere filters (Onderweg, Voltooid) op welk punt het hoogtepunt zou verhuizen om de link klikte gewoon.

Een voorbeeld hiervan verschijnt in verschillende plaatsen op Facebook, waar, bijvoorbeeld, aan de muur berichten worden gefilterd in:

Dean + Friends Net Dean Just Friends

Is er een eenvoudige manier om dit te doen in CSS, misschien door styling op de link meest recent 'bezocht' maar het markeren van eerder bezochte als onbezochte?

Bedankt,

Dean Richardson

De vraag is gesteld op 10/04/2009 om 04:33
bron van user
In andere talen...                            


1 antwoorden

stemmen
1

Is er een eenvoudige manier om dit te doen in CSS, misschien door styling op de link meest recent 'bezocht' maar het markeren van eerder bezochte als onbezochte?

U kunt niet tot de dynamiek van dit effect met pure CSS. Facebook doet het door het toevoegen van een CSS-klasse met Javascript die branden als u op een van de pil-tab knoppen. De CSS-klasse bevat stijlregels dat dat het lijkt op de gewenste wijze.

antwoordde op 10/04/2009 om 05:22
bron van user

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