Jacken.org
Die Seite unter jacken.org ist eine informative Webseite, die sich mit dem Thema Oberbekleidung und Jacken beschäftigt. Sie beruht auf dem beliebten Content-Managementsystem Joomla und verfügt über mehrere CSS-Dateien: Sowohl in dem File general.css, als auch in template.css, in light.css, in menustyle3-light.css und in rokzoom.css sind die Informationen über das Aussehen der Seite festgehalten.
Die grundlegenden Anweisungen über den Aufbau der Site findet sich in der Datei template.css. Dort werden die Infos über Größen der grundlegenden Elemente, Schriftgrößen, Abstände etc. Zusammengefasst. Die wesentlichsten Elemente im Überblick:
Die Überschriften:
Es werden 4 unterschiedliche Überschriften definiert: Die Palette reicht von h1, das mit 200% der normalen Schriftgröße die größte Schrift darstellt, über h2 (175%), h3 (150%) bis hin zu h4, das mit 120% nur unwesentlich größer definiert ist, als die Schrift im Fließtext.
Die Links:
Textlinks: Die Links der Seite jacken.org sind sehr schlicht gehalten. Im Fließtext zeigt lediglich die hellblaue Schrift - a {color:#2C68A6;} - und eine Linie unter jedem Link - die aber auch nur sichtbar ist, wenn man mit dem Cursor über den Link fährt - an, dass das jeweilige Wort auf eine andere Seite verweist.
Im Unterschied dazu gibt es bei den Bildern keinerlei Kennzeichnung. Der standardmäßige Rahmen um jedes verlinkte Bild wird durch den CSS-Befehl a img { border: 0;}aufgehoben.
Die Farben:
Hintergründe:
Der Hintergrund des geöffneten Browserfensters ist durch body {background: #EFF2F3;} definiert, wogegen die Site selbst einen rein-weissen Hintergrund hat. Die einzelnen Elemente der Seite sind durch Linien der Stärke 1px getrennt. Im unteren Bereich lautet der entsprechende CSS-Befehl z. B. #bottom {border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7;border-top: 1px solid #D7D7D7;}
Fließtext und Überschriften:
Der Fließtext ist durchgehend in einem mittleren, leicht lesbaren Grau gehalten: body {color: #555;}. Die Überschriften dagegen in einem ansprechenden blau: .contentheading {color:#2C68A6;} Dem selben Blau übrigens, das auch die Links kennzeichnet.
Eine weitere sehr schöne Seite ist übrigens auch die Pullover.de!
Alles in allem handelt es sich bei unter jacken.org um eine moderne, aber dennoch ausgeglichene und schöne Seite, die vor allem durch ihre klassische Unauffälligkeit besticht.
Weitere Produkte wie Schlafanzüge, Hosen usw. folgen bald.