03.03.2014

Awesome - renewable - Webvorlage

Hier geht es um die Webversion der Variante "renewable" 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-renewable'>

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

Besondere Grundeinstellungen der Variante

  • Äußerer Hintergrund: Beige Farbe
  • Tab-Bereich-Hintergrund: Grüne Farbe und Schmales grau-beiges Bild für .tabs-outer, das oben heller, dann dunkler und unten deutlich heller ist und sich seitlich immer weiter wiederholt - geht über gesamte Breite des jeweiligen Screens
  • Datum über Posts eines Tages: Grüne Rahmenlinie für Bereich darunter (.main-inner .widget h2) nach oben - Datum links positioniert
  • Post-Bereich-, Blog-Pager-Bereich, Sidebar: Hellere beige Hintergrundfarbe, Rahmenlinien und graue Schatten um .date-outer, #blog-pager, .main-inner .widget
  • Posts: Abgegrenzt durch Hintergrundfarbe, Rahmen und Schatten ist der Post-Tag (.date-outer). Einzelne Posts (.post-outer) haben keinen eigenen Hintergrund, keinen umlaufenden Rahmen, keine Schatten. Sind mehrere Posts am gleichen Tag eingeordnet, sind zweiter bis letzter Post jeweils durch eine Rahmenlinie nach oben abgegrenzt.
  • Fußzeile: Hellere beige Hintergrundfarbe, Rahmenlinie und grauer Schatten nach oben für .footer-fauxborder-left - geht über gesamte Breite des jeweiligen Screens


Ute Ziemes, bodyvariant.blogspot.de,

Keine Kommentare:

Kommentar veröffentlichen