Billardtisch.org
Die Webseite billardtisch.org verwendet Wordpress, das bekannte Blogsystem. Auf dieser Seite wird Wordpress allerdings nicht genutzt um einen Blog zu betreiben, sondern in einer anderen Art und Weise: Bei billardtisch.org dient Wordpress als statisches CSM. Um dies zu erreichen nutzt Billardtisch das Wordpress-theme ShopperPress, ein Produkt des Autors „PremiumPress“. In der CSS-Datei des Themes, der styles.css sind die grundlegenden Eigenschaften dieses Themes festgehalten: Es handelt sich um ein dreispaltiges Layout mit fixer Weite, das im Adminbereich von Wordpress verschiedene Einstellungsmöglichkeiten aufweist.
Sehen wir uns den Aufbau und den Inhalt der CSS-Datei an, dann erkennen wir schnell die grundsätzliche Struktur des Themes, die ja den Aufbau der Seite entscheidend prägt: Bereits im obersten Bereich der CSS-Datei (Shipperpress General Layout Styles) werden die Basisinformationen für das Layout gegeben:
1) body { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; height: 100%; margin:0px; overflow-x: hidden; }
Dies bedeutet, dass die Seite bevorzugt die Schrift Arial, oder falls die am Rechner nicht vorrätig sein sollte, Helvetica verwendet. Die Standardschriftgröße – wenn nicht anders vermerkt – beträgt 0.8em und der Bodybereich (Also die gesamte Fläche auf der Seiteninhalte dargestellt werden können.) nimmt genau 100% des möglichen Platzes ein. Der kurze Codeschnipsel overflow-x: hidden; bedeutet, dass Informationen, die auf der Seite aus Platzmangel nicht dargestellt werden können, nicht gezeigt werden. Die Verwendung eines Scrollbalkens zum Anzeigen der zusätzlichen Information ist also nicht möglich.
2) p {line-height: 1.3;}
Diese Information besagt, dass im Fließtext die einzelnen Zeilen einen Abstand der 1,3-fachen Zeilenhöhe haben.
3) a {font-weight: normal; text-decoration: underline; outline:none;}
Diese Zeile sagt uns, dass die Links der Seite billardtische.org nicht fett markiert werden aber durch eine Unterstreichung markiert sind.
4)
h2, .TitleHeading { font-size: 1.3em; font-weight: normal; margin: 6px 0 6px 0;}
h3 { font-size: 1.1em; margin-bottom: 6px;}
h4 { font-size: 1em; margin-bottom: 4px;}
In diesem Teil des Codes werden die Überschriften der Göße h2 bis h4 definiert: Sie reichen von der Schriftgröße 1.3em (h2) bis hinunter zu 1em (h4).
5)
img, img a { border: 0;}Hier wird festgehalten, dass die Bilder der Seite randlos dargestellt sind. Dies gilt auch für die Bilder, die zu anderen Seiten oder intern verlinkt sind.
In den weiteren Bereichen der CSS-Datei geht es dann immer weiter in die Struktur der Webseite hinein. Das gesamte Layout der Seite, bis hinunter zu den allerkleinsten Details, wird in der Datei styles.css definiert und festgesetzt. Und das Ergebnis das ist dann die gelungenen Seite billardtisch.org
Übirgens: Lustige Witze gibt es auf der Witzedatenbank.de!