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

    • apfel.org
    • asien.org
    • Austauschschueler.de
    • Autokredit.de
    • balkonmöbel.net
    • billard-kicker.de
    • billardtisch.org
    • brettspiel.net
    • computerspiele.com
    • deko.net
    • Diät.de
    • domfolio.de
    • fahrraeder.org
    • gartengeraete.org
    • geburtstagsgeschenke.net
    • gutscheindatenbank.de
    • hifianlagen.net
    • hundeleine.com
    • jacken.org
    • kaffeeshop.net
    • kaffeevollautomat.de
    • kamera.org
    • Kinderbett.net
    • kinderwagen.org
    • kinofilme.org
    • kopfhörer.net
    • kopieren.net
    • kreditangebote.com
    • küche.org
    • lichterkette.net
    • massageliegen.com
    • mobiltelefone.net
    • Moderatgeber.de
    • musiknews.net
    • navigationssysteme.com
    • notebook.org
    • schmuck.org
    • schrank.og
    • solaranlage.org
    • sommerurlaub.net
    • tftmonitore.de
    • tintenstrahldrucker.org
    • vasen.net
    • westerland.org
    • wunschkredit.org

Blog Related CSS

CSS Features, Downloads, Beispiele und vieles mehr

Schrank.org

Die Webseite unter www.schrank.org basiert auf Wordpress und verwendet ein klassisch-elegantes Theme mit dem Namen deLuxe. Im Ordner style.css sind die wichtigsten Eigenschaften dieses Themes zusammengefasst, ich möchte in diesem Text einen kurzen Überblick über die wesentlichen Designmerkmale geben:

Gleich zu Beginn werden unter der Überschrift „RESET“ alle Eigenschaften beschrieben, die es unterschiedlichen Browsern ermöglichen das Theme identisch darzustellen. So werden z. B. Für die Elemente html, body, ul, ol, li, img, hr, input, textarea, dl, dt, dd, form die Werte von margin, padding und border auf 0 Pixel gesetzt.

Im folgenden Abschnitt „GENERAL“ werden dann die Grundeigenschaften des Layouts definiert:
Farben und Größen des Bereiches #body, die Farben der Links, die Abstände nach den Absätzen (p), die Farben und Formen der Listenelemente. Zu beachten ist, dass alle Angaben in diesem Bereich lediglich die Basiseigenschaften festhalten, denn alle Elemente werden in anderen Abschnitten noch viel detaillierter beschrieben.

Im Abschnitt „HEADINGS“ werden die Farben und Größen der einzelnen Überschriften von h1 bis h6 festgelegt, danach folgt im Abschnitt „LISTS“ die Definition aller Eigenschaften der Listenelemente in den unterschiedlichen Bereichen des Themes genau (vor allem in den Bereichen #content und #sidebar). Danach folgen die Abschnitte „FORMS“ für alle Formelemente wie z. B. die Suchform.

Im Bereich „BASIC LAYOUT“ werden zum Abschluss die Größen der unterschiedlichen Bereiche  #header, #display, #main und #content aufgelistet. Die Bereiche, die bereits weiter oben grob formatiert wurden, erhalten hier den gestalterischen Feinschliff und werden in allen Details festgelegt. Zum Abschluss folgt noch der Bereich #footer in dem die Angaben für die Elemente am unteren Seitenrand festgehalten sind.

Alles in allem ist das Theme deLuxe ein wirklich gelungenes Theme, das nicht nur klassisch und zeitlos auftritt, sondern auch auf der technischen Ebene hervorragend und übersichtlich gemacht ist.

Blog Related CSS