massageliegen.com
massageliegen.com ist eine Webseite, die das CMS Wordpress nutzt und auf der das Theme „Allure“ istalliert ist. „Allure“ ist ein Layout mit 2 Kolumnen, das widgetfähig ist und von Studiopress programmiert wurde.
Das Theme verfügt über mehrere CSS-Dateien. In der Datei style.css sind die wichtigsten und grundlegenden Informationen, die den Browsern die richtige Darstellung der Seite ermöglichen, aufgeschrieben. Wie bei Wordpress und auch bei anderen CMS üblich unterscheidet die style.css prinzipiell über die Bereiche #header (oben), #content und #sidebar (mitte) und #footer (unten). Diese Bereiche, in denen die eigentliche Seite dargestellt wird, werden von der id #body umgeben. Zusätzlich gibt es im Inneren der Seite auch noch #wrapper (diese id umgibt die beiden Spalten „content“ und „sidebar“) und #navbar, in der sich die obere Navigation nach Kategorien befindet. In der Sidebar rechts, gibt eine weitere Navigationsmöglichkeit, bei der alle Kategorien und zusätzlich auch die neuesten Massageliegen präsentiert werden.
Betrachtet man den Code der CSS-Datei detailliert, erkannt man recht schnell, dass die meisten Details in der für Wordpress typischen Art gecodet sind. So werden z. B. Gleich zu Beginn die Links in der Kategorie „Hyperlinks“ definiert und es wird festgelegt, dass verlinkte Bilder prinzipiell ohne Rahmen dargestellt werden: a img {border: none;}
-> Hier gehts zum großen Maniküre Ratgeber.
Gleich danach folgt der Bereich #header {background: #44A6BF url(images/header.png); width: 960px; height: 100px; margin: 0px auto 0px; padding: 0px; overflow: hidden;}der mit 100 px Höhe und der Hintergrundfarbe #44A6BF bzw. dem Hintergrundbild header.png ganz typisch gestaltet ist.
Tolle Tipps rund um Massagen finden Sie auf der Seite der Physiolounge Leipzig. Hilfreich und gut erklärt.
Später folgen in der CSS-Datei mit #sidebar {float: right; width: 272px; margin: 0px; padding: 0px; line-height: 20px;} #content {width: 940px;margin: 0px auto 0px;padding: 10px 0px 0px 0px; line-height: 20px; und #footer {width: 960px; color: #FFFFFF; margin: 0px auto 0px; padding: 0px;} gleichfalls ganz typische Angaben. Durch die Seitenbreite von 960 Pixel, und die Zentrierung der Seite in der Mitte des Browserfensters durch den Befehl margin: 0px auto 0px; in der ID #body werden gleichfalls übliche Wordpress Vorgaben umgesetzt.
Alles in allem ist das Theme „Allure“ - traditionell, schlicht und praktisch. Die CSS Datei kommt – anders als der Name vermuten lässt, ganz ohne Allüren und Besonderheiten aus - ihr Code ist im Gegenteil absolut klassisch.
Für Massageliegen genau das richtige!