• Browser Kompabilität
  • Unterschiede CSS <-> HTML
  • Vorteile CSS
  • Was ist CSS?
  • Willkommen
  • CSS Beispiele

    • billard-kicker.de
    • brettspiel.net
    • computerspiele.com
    • deko.net
    • domfolio.de
    • geburtstagsgeschenke.net
    • hundeleine.com
    • jacken.org
    • kaffeeshop.net
    • kaffeevollautomat.de
    • kamera.org
    • kinderwagen.org
    • kinofilme.org
    • kopfhörer.net
    • kopieren.net
    • küche.org
    • mobiltelefone.net
    • musiknews.net
    • navigationssysteme.com
    • notebook.org
    • schrank.og
    • sommerurlaub.net
    • speicherkarten.net
    • tftmonitore.de
    • tintenstrahldrucker.org
    • vasen.net
    • westerland.org
    • wunschkredit.org

Blog Related CSS

CSS Features, Downloads, Beispiele und vieles mehr

Kinderwagen.org

Die Seite www.kinderwagen.org nutzt das beliebte CMS Wordpress in der Version 2.7 und verwendet das Theme PrimePress (Version 1.1.1.) Prime Press ist ein unter der GNU lizensiertes Theme des Designers Ravi Varma und hat drei Kolumnen. Es ist widget-fähig, hat eine fixe Breite (960 px) und verfügt rechts über eine Sidebar.

Insgesamt gibt es drei CSS-Dateien, die das Aussehen bestimmen:
- style.css
- custom.css
- widgets.css

Die beiden größeren Dateien (style.css und widgets css) prägen das Design der Seite, wogegen die custom.css nur aus einer kurzen Information über das Aussehen der verwendeten Links besteht.

Während sich die widgets.css zum größten Teil mit dem Aussehen der - in die Seite integrierten  - Amazon-Verkaufsfläche beschäftigt, kümmert sich die style.css um die anderen Fragen des Layouts: Folgende Themen werden dort angesprochen:

Die Maße und die Gliederung des Themes:
Das Theme ist 960px breit und verfügt über einen Kopfbereich (header) und Fussbereich(footer) die beide die gesamte Breite einnehmen. Im Mittelteil (Container) gibt es dagegen zwei bzw. sogar drei Bereiche:
1) Links den Bereich primary (Breite: 480 px) in dem der gesamte Content der Seite zu finden ist.
2) Rechts den Bereich secondary  (Breite: 421 px) mit den Unterbereichen sidebar-1 und sidebar-2. Sidebar-1 enthält die für Amazon reservierte Fläche, wogegen sidebar-2 die Navigationselemente (die Suchfunktion und die einzelnen Seiten) enthält.

Schrift und Text:
Der Text ist in allen drei Bereichen linksbündig ausgerichtet (text-align: left;)als Schriftfamilie wurde folgende Kombination gewählt: verdana, ‘Lucida Grande’, arial, sans-serif; Als Standardschrift wurde also Verdana vorgesehen, wenn Rechner, die diese Seite besuchen diese Schrift nicht verfügen, dann kann die Site auch alternativ mit  Lucida Grande oder Arial betrachtet werden. Falls auch das nicht möglich ist, verwendet der Browser irgend eine Schrift ohne Serifen. ( sans-serif)

Die gesamte Seite überzeugt durch ihr ausgewogenes und klassisches Layout, dass für die Zielgruppe (junge Mütter bzw. Väter) wohl absolut das richtige sein dürfte.

Blog Related CSS