15.03.2014

Reise - beach - Webvorlage

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

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 Strand und diesigem Himmel über dem Meer
    body {
    background: #ecb892 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNDE0ZGJiMjQtMzc0Mi00OWRkLWEzOGUtMjZkNTQ0MGMwODdm) repeat fixed top center;
    }
  • Tabs: Tabs sind von einem dunklen Gradienten unterlegt.
    .tabs-inner .widget ul {
    background: transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center;
    }
    .tabs-inner .widget li.selected a,
    .tabs-inner .widget li a:hover {
    position: relative;
    z-index: 1;
    background: transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center;
    }
  • 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.
  • Sidebar: Die Sidebar ist von einem dunklen Gradienten unterlegt.
    .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
    background: transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top left;
    }
    .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
    background: transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top left;
    }
  • Fußzeile: Die Fußzeile ist von einem dunklen Gradienten unterlegt.
    .footer-inner {
    background: transparent url(//www.blogblog.com/1kt/travel/bg_black_50.png) repeat scroll top center;
    }


Ute Ziemes, bodyvariant.blogspot.de,

Keine Kommentare:

Kommentar veröffentlichen