Inhalt: Beispiele für Sidebar-Ansätze

Eine sortierte Sidebar

  1. Diese Sidebar arbeitet mit einer links gefloateten, geordneten Liste.

  2. Die Breite und die Höhe sind leider aufgrund der genutzen Grafiken ein wenig eingeschränkt.

Auf dieser Seite werden Beispiele für Sidebar-Ansätze präsentiert. Es handelt sich hierbei um geordnete und ungeordnete Listen, die, per CSS designed, einen netten Eycatcher darstellen sollen. Die Möglichkeiten dabei sind sehr vielfältig und man sieht es dem formatierten Output nicht mehr wirklich an, dass es sich dabei ursprünglich mal um eine Liste gehandelt hat.

Ein wirklich großer Vorteil - wie auch schon auf der Hauptseite zu diesem Thema angemerkt - bei der Nutzung von Listen generell ist - in meinen Augen - die Tatsache, dass auch wenn keine Stylesheets geladen werden, eine optisch zusammenhängende Ansammlung von Daten und Informationen vorliegt. Außerdem sind Listen, wie man an den Beispielen erkennen kann, sehr flexibel was die Darstellung angeht, wenn man sich ein wenig in CSS eingearbeitet hat.

Auch mal unsortiert

  • Diese Sidebar arbeitet mit einer rechts gefloateten, ungeordneten Liste.

  • Da die gleichen Grafiken wie in der oberen Box genutzt wurden, gelten auch hier die Einschränkungen.

Id hendrerit Vestibulum Integer dui dui Curabitur Curabitur a a a a a a a a a a In quis ut. Mollis Duis eget laoreet Morbi nec Aliquam quis feugiat fringilla iaculis. Aliquet tellus faucibus Nam Phasellus Nunc Quisque eget leo ligula nunc. Curabitur Donec. Hendrerit Suspendisse ut id in sociis lorem urna ut dolor dui.

Id hendrerit Vestibulum Integer dui dui Curabitur Curabitur In quis ut. Mollis Duis eget laoreet Morbi nec Aliquam quis feugiat fringilla iaculis. Aliquet tellus faucibus Nam Phasellus Nunc Quisque eget leo ligula nunc. Curabitur Donec. Hendrerit Suspendisse ut id in sociis lorem urna ut dolor dui.

 

Schauen Sie doch auch mal beim CCC vorbei...