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