• 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
    • einrichtung.com
    • fahrraeder.org
    • gameaudio.net
    • gartengeraete.org
    • gartenhaus
    • geburtstagsgeschenke.net
    • gutscheindatenbank.de
    • Gutscheinpony.de
    • hifianlagen.net
    • Holz-im-Garten.de
    • 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
    • Lacadena.de
    • landhausmode.biz
    • lichterkette.net
    • massageliegen.com
    • meingutscheincode.de
    • mietwagenmarkt.de
    • mobiltelefone.net
    • Modebrands.net
    • Moderatgeber.de
    • musiknews.net
    • navigationssysteme.com
    • notebook.org
    • prepaid-handy.org
    • schmuck.org
    • schrank.og
    • solaranlage.org
    • sommerurlaub.net
    • tftmonitore.de
    • tintenstrahldrucker.org
    • trachtenmode-dirndl.com
    • vasen.net
    • weihnachtsgeschenk.com
    • westerland.org
    • witzedatenbank.de
    • wunschkredit.org

Blog Related CSS

CSS Features, Downloads, Beispiele und vieles mehr

gutscheindatenbank.de

Die Webseite www.gutscheindatenbank.de ist eine dynamische Webseite, die Wordpress in Verbindung mit dem Theme „Portal“ verwendet. Auf der Seite gibt es Gutscheine und Gutscheincodes für die grossen deutschen Shoppingportale. „Portal“ ist ein Layout, das über 4 Kolumnen verfügt und widgettauglich ist. In der Datei style.css sind alle Eigenschaften dieses umfangreichen, vom Designer Roy Guan entworfenem Themes festgehalten.

Das Theme ist ausgesprochen aufwendig gestaltet und verfügt in der style.css über 25 einzelne Abschnitte, in denen alle maßgeblichen Eigenschaften definiert sind. Dabei hat jeder Abschnitt eine andere Funktion. So setzt z. B. der Bereich „reset“ alle standardmäßigen Einstellungen der verschiedenen Browser auf den Wert 0 (Randabstände) bzw. 100% (Schriftgrößen).

Danach werden im Abschnitt „Defaults“ die Basisangaben für die Beschaffenheit des Hintergrunds (Farbe des Hintergrunds sowie Hintergrundgrafik), der Vorschaubilder und des RSS-Feeds definiert. Im nächsten Abschnitt - „Hyperlinks“ wird dann das Styling der Links festgehalten und Farben sowie Dekorationen beschrieben. Danach folgen mit „Advertisements“ und  „Search form“ Angaben zu den Bereichen für Werbung und die Suchfunktion der Seite.

Sobald ein Mal diese allgemeinen Einstellungen erledigt sind, widmet sich die CSS-Datei den Angaben zu „Header“, den Menüs (Sowohl das vertikale als auch das horizontale Menü werden durch die Klassen .vertical und .horicontal festgelegt.)  und den Kolumnen (#column1 { float: left; width: 160px;  } #column2 { float: right; width: 480px; padding: 0px 0px 0px 0px; }) dann kommt der eigentliche Inhalt dran und wird mit den beiden IDs #fullcontent { float: left; background: #fff; width: 938px; padding: 10px; border: 1px solid #e6e6e6; }und  #content { float: right; background: #fff; width: 598px; padding: 10px; border: 1px solid #e6e6e6;}festgelegt.

Im weiteren Verlauf der Beschreibung durch die style.css werden dann noch andere wichtige Bereiche von Wordpress definiert. U. A. die Archive, die Sidebar, die Widgets und auch der standardmäßig zu Wordpress gehörige Kalender sowie die Kommentarfunktion sowie der Fußbereich (Footer)

Alles in allem ist das Theme „Portal“ ein ausgesprochen gut gestaltetes und solide codiertes Layout für die unterschiedlichsten – durchaus auch aufwendigen – Zwecke. Die Webseite gutscheindatenbank.de hat durch dieses vorteilhafte Theme eine wirklich solide Grundlage.

Blog Related CSS