Seiten

▼

21.02.2014

Einfach - dark - Webvorlage

Hier geht es um die Webversion der Variante "dark" der Vorlage Einfach (Simple).

So sieht sie aus

Ungeöffnet oben:
Geöffnet unten:


So erkennt man sie im Quelltext

Vorlage:
 /* - - - - - - - - - - - - - - - - - - - - - - - - - -
Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
- - - - - - - - - - - - - - - - - - - - - - - - - - */
Variante:
 <body class='loading variant-dark'>

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

Besondere Grundeinstellungen der Variante

  • Äußerer Hintergrund: Erd-Braune Farbe
  • Haupthintergrund: Helleres Erd-Braun
  • Tabs: Rahmenlinie links von den Tab-Links, außer dem ersten.
    .tabs-inner .widget li a { 
    border-left: 1px solid #333333;
    }
  • Posts: Einzelne Tage (.date-outer) sind dadurch voneinander abgegrenzt, dass sie ein Datum drüber haben. Einzelne Posts sind dadurch abgegrenzt, dass der Hintergrund der Post-Fußzeilen anders gefärbt ist als der Post und nach unten eine Rahmenlinie hat.
  • Sidebar: Linke Rahmenlinie als Trennlinie zum Postbereich.
    .fauxcolumn-right-outer .fauxcolumn-inner {
    border-left: 1px solid #404040;
    }


Ute Ziemes, bodyvariant.blogspot.de,
um

Keine Kommentare:

Kommentar veröffentlichen