So sieht sie aus
Ungeöffnet oben:
Geöffnet unten:
So erkennt man sie im Quelltext
Vorlage:/* - - - - - - - - - - - - - - - - - - - - - - - - - -
Blogger Template Style
Name: Ethereal
Designer: Jason Morrow
URL: jasonmorrow.etsy.com
- - - - - - - - - - - - - - - - - - - - - - - - - - */
Variante:
<body class='loading variant-leaves1'>
Der Eintrag der Klasse verschwindet jedoch, wenn man Wesentliches an der Vorlage ändert, wie etwa das Hintergrundbild.
Besondere Grundeinstellungen der Variante
- Äußerer Hintergrund: Orange-gelbe Hintergrundfarbe
- Oberer Bereich des äußeren Hintergrunds: Gradient mit weiß-grauem Blätter-Muster
.body-fauxcolumn-outer {
background: transparent url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMNzE5NTg3YzUtMGU0Mi00OWQ3LTg2NjUtODk1OGVlMjg1YjZj) repeat-x scroll top center;
} - Inhaltsbereich: Alle Inhalte stehen auf einem gemeinsamen Hintergrund (Header, Tabs, Posts, Sidebar, Fußzeile). Der Inhaltsbereich hat eine weiße Hintergrundfarbe und seitliche Rahmenlinien.
.content-fauxcolumns .fauxcolumn-inner {
border-left: 1px solid #D8AF4C;
border-right: 1px solid #D8AF4C;
} - Tabs: Die Tab-Liste hat unten eine Linie.
.PageList {
border-bottom: 1px solid #eddc83;
}
Die oberen Tab-Ecken sind abgerundet
.tabs-inner .widget li a {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
} - Posts: Posts eines Tages (.date-outer) sind durch das Datum des Tages voneinander abgegrenzt. Unter dem Datum sieht man in dieser Variante keine Linie, weil die Farbe dafür Transparent ist.
.main-inner .widget h2.date-header {
border-bottom: 1px solid transparent;
}
Sind mehrere Posts am gleichen Tag eingeordnet, sind zweiter bis letzter Post jeweils durch eine blasse Rahmenlinie nach oben abgegrenzt.
.post-outer, .inline-ad {
border-bottom: 1px solid #f9f9f9;
} - Sidebar: Unter jedem Gadget-Titel sieht man in dieser Variante keine Linie, weil die Farbe dafür Transparent ist.
.main-inner .sidebar .widget h2 {
border-bottom: 1px solid transparent;
}
Unter jedem Gadget befindet sich auch in dieser Variante eine Linie.
.main-inner .widget {
border-bottom: 1px solid #f9f9f9;
}
Ute Ziemes, bodyvariant.blogspot.de,
Keine Kommentare:
Kommentar veröffentlichen