04.03.2014

Awesome - artsy - Webvorlage

Hier geht es um die Web-Version der Variante "artsy" der Vorlage Awesome AG (Awesome Inc.).

So sieht sie aus

Ungeöffnet oben:

Geöffnet unten:


So erkennt man sie im Quelltext

Vorlage:
/* - - - - - - - - - - - - - - - - - - - - - - - - - -
Blogger Template Style
Name:     Awesome Inc.
Designer: Tina Chen
URL:      tinachen.org
- - - - - - - - - - - - - - - - - - - - - - - - - - */

Variante:
<body class='loading variant-artsy'>

Der Eintrag der Klasse verschwindet jedoch, wenn man Wesentliches an der Vorlage ändert, wie etwa das Hintergrundbild.

Besondere Grundeinstellungen der Variante

  • Äußerer Hintergrund: Fixiertes im Wesentlichen rosafarbenes Bild von einem Aquarell mit verlaufenem Rosa, Rot, Orange, Gelb
  • Header-Bereich: Kleines helles teiltransparentes Hintergrundbild (Gradient) für .header-outer, das sich ständig wiederholt - .header-outer geht über die gesamte Breite des jeweiligen Screens
  • Tab-Bereich: Kleines dunkelgraues teiltransparentes Hintergrundbild (Gradient) für .tabs-outer, das sich ständig wiederholt - .tabs-outer geht über die gesamte Breite des jeweiligen Screens
  • Datum über Posts eines Tages: Kleines dunkelgraues teiltransparentes Hintergrundbild (Gradient) für .main-inner .widget h2.date-header, das sich ständig wiederholt - Datum links positioniert - obere Ecken vom Hintergrund abgerundet
  • Post-Bereich-, Blog-Pager-Bereich: Weiße Hintergrundfarbe für .date-outer und #blog-pager
  • Posts: Abgegrenzt durch Hintergrundfarbe ist der Post-Tag (.date-outer). Einzelne Posts (.post-outer) haben keinen eigenen Hintergrund. Sind mehrere Posts am gleichen Tag eingeordnet, sind zweiter bis letzter Post jeweils durch eine Rahmenlinie nach oben abgegrenzt.
  • Sidebar: Kleines dunkelgraues teiltransparentes Hintergrundbild (Gradient) für .main-inner .column-right-inner, das sich ständig wiederholt
  • Fußzeile: Kleines helles teiltransparentes Hintergrundbild (Gradient) für .footer-fauxborder-left, das sich ständig wiederholt - .footer-fauxborder-left geht über die gesamte Breite des jeweiligen Screens


Ute Ziemes, bodyvariant.blogspot.de,

Keine Kommentare:

Kommentar veröffentlichen