14.03.2014

Reise - flight - Webvorlage

Hier geht es um die Webversion der Variante "flight" der Vorlage Reise (Travel).

So sieht sie aus

Ungeöffnet oben:

Geöffnet unten:


So erkennt man sie im Quelltext

Vorlage:
/* - - - - - - - - - - - - - - - - - - - - - - - - - -
Blogger Template Style
Name:     Travel
Designer: Sookhee Lee
URL:      www.plyfly.net
- - - - - - - - - - - - - - - - - - - - - - - - - - */

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

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 Bild von einem Blick aus einem Flugzeug
    body {
    background: #cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center;
    }
  • Inhaltsbereich: Header, Tabs, Posts, Sidebar stehen auf einem gemeinsamen Hintergrund, der im oberen Bereich ein Bild von einem angeknüllten Stück Papier hat. Die Tabs sind nur nochmal mit dunkler Farbe unterlegt.
    .content-inner {
    background: #ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left;
    background-position: left -5px;
    background-color: #ffffff;
    }
  • Posts: Posts eines Tages (.date-outer) sind durch das Datum des Tages voneinander abgegrenzt. Sind mehrere Posts am gleichen Tag eingeordnet, sind diese nur durch die Post-Titel voneinander abgegrenzt.


Ute Ziemes, bodyvariant.blogspot.de,

Keine Kommentare:

Kommentar veröffentlichen