WordPress & Webwork

CSS3: horizontale und vertikale Navigation mit :target

Ich habe heute ein Beispiel erwähnt, wo man lediglich mit CSS3 und :target eine recht einfache, aber dennoch ansehnliche Bilder-Galerie erstellen kann.

Auf Sitepoint habe ich noch zwei weitere interessante Beispiele mit :target entdeckt. Beim ersten Beispiel wurde eine horizontale Tab-Navigation umgesetzt:

Tab-Navigation mit CSS3

Da ganze funktioniert (siehe Demo) in Firefox, Chrome, Safari, Opera und dem Internet Explorer ab Version 9. Die Tabs wurden so umgesetzt das man auch den Browserverlauf nutzen kann: man kann mit den Vor- und Zurück-Taste des Browser entsprechend in den Tabs vor und zurück gehen.

Das zweite Beispiel ist eine vertikale Navigation mit einem sog. Akkordeon-Effekt. Dies funktioniert (Demo) ebenfalls in Firefox, Chrome, Safari, Opera und dem Internet Explorer ab Version 9.

3 Reaktion(en)

Die Kommentare in diesem Beitrag sind geschlossen.

WordPress-Schulungs­unter­lagen

Anleitung für Autoren und Redakteure
Schneller und unkomplizierter Einstieg in die redaktionelle Betreuung einer WordPress-Installation.

Handbuch für Administratoren
Schneller und unkomplizierter Einstieg in die technische Betreuung einer WordPress-Installation.

Anschauen