Einstellungen im Designer

Um mich an den hier erprobten Änderungen bequem orientieren zu können, wenn ich Gleiches in einem anderen Blog mit gleicher Vorlage anwenden will, habe ich die Einstellungen und Einträge, die ich im Vorlagendesigner gemacht habe, in diesem Post gelistet.

---

Vorgefertigter Änderungsbereich

• Hintergrund: Bild aus Bloggerauswahl gewählt
• Breite anpassen: 980px total, 190px links, 190px rechts
• Layout: 2 Sidebars, 2 Fußzeilenspalten
• Erweitert: 
• Bodytext: Arial, normal, 15px, #030200
• Background: Äußerer: #fb5e53, Haupt: transparent, Rahmen: #fb5e53
• Links: Link: #720a00, Besuchte: #6d6d6d, Hover: #fb1000
• Blog-Titel: Arial, fett, 60px, #fb1000
• Blog-Beschreibung: #fb1000
• Tab-Text: Arial, fett, 15px, Ausgewählt: #370802, Schrift: #ffbf3c
• Tab-Hintergrund: Ausgewählt: #ffbf3c, Hintergrund: #030200, Abschrägung: #7f7f7f
• Post-Titel: Arial, fett, 25px, #030200
• Gadget-Titel: Arial, fett, 12px, Schrift: #370802, Abschrägung: #6d6d6d
• Akzente: Alternativ: #370802, Abschrägung: #7f7f7f

CSS hinzufügen

/* EIGENES CSS ANFANG */



/* - - - - - - - - - - - -
Allgemein Anfang
 - - - - - - - - - - - - */

h4 {
    font-size: 18px;
}
a {
    font-weight: bold;
}
hr {
    color: transparent;
    border-top: 3px dotted #FFBF3C;
}
/* - - - - - - - - - - - -
Allgemein Ende
 - - - - - - - - - - - - */



/*Hintergrundbild der Vorlage Fantastisch 1 - Hellblauen Streifen deaktiviert - - Haupthintergrundfarbe*/
.content-fauxcolumns .fauxcolumn-inner {
    background: #ffffff;
}



/* - - - - - - - - - - - -
Header Anfang
 - - - - - - - - - - - - */
/* Header-Bereich näher an die Navbar und Hintergrundfarbe */
.header-inner {
    padding: 0px 0px 3px;
    background-color: #030200;
}
#Header1 .title {
    text-shadow:
        -1px 0 #FFBF3C,
        0 1px #FFBF3C,
        1px 0 #FFBF3C,
        0 -1px #FFBF3C;
}
#Header1 .description {
    font-size: 25px;
    font-weight: bold;
    color: #fb1000;
    text-shadow:
        -1px 0 #FFBF3C,
        0 1px #FFBF3C,
        1px 0 #FFBF3C,
        0 -1px #FFBF3C;
}
.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper {
    padding-left: 20px;
}
/* - - - - - - - - - - - -
Header Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Seiten-Gadget Anfang
 - - - - - - - - - - - - */
#PageList1 {
    margin-top: -5px;
    margin-left: -35px;
    width: 980px;
}
#PageList1, #PageList1 li {
    box-shadow: 0px 0px 5px #FFFA7D;
    background-color: #030200;
}
.tabs-inner .widget li a {
    padding: 0.50em 1.50em;
    box-shadow: 0px 0px 5px #FFFA7D;
}
.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/* - - - - - - - - - - - -
Seiten-Gadget Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Labels-Liste Anfang
 - - - - - - - - - - - - */
#Label1.widget.Label {
    margin-left: -2px;
}
#Label1.widget.Label h2 {
    margin-bottom: 15px;
}
#Label1.widget.Label ul {
    padding: 0px 0px 1em 0.8em;
    line-height: 1.2;
}
#Label1 li {
    padding: 0.25em 15px; /* Abstand nach oben und unten halbiert */
}
#Label1 li a{
    color: #720a00;
    text-shadow: none;
}
/* - - - - - - - - - - - -
Labels-Liste Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Blog-Archiv Anfang
 - - - - - - - - - - - - */
#BlogArchive1.widget.BlogArchive {
    width: 140px;
    margin-left: -19px;
}
#BlogArchive1.widget.BlogArchive .archivedate.expanded {
    margin-left: -17px;
}
#BlogArchive1_ArchiveList {
    margin-left: 23px;
    width: 140px;
}
#BlogArchive1.widget.BlogArchive ul.hierarchy {
    padding: 1em 0px 0px 0px;
}

.BlogArchive #ArchiveList ul li {
    padding: 0px 0px;
    text-indent: 0px;
    margin: 0.25em 0px 0px -13px;
}
/* - - - - - - - - - - - -
Blog-Archiv Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Posts-Bereich Anfang
 - - - - - - - - - - - - */
.status-msg-wrap, .status-msg-body, .status-msg-bg, .status-msg-border {
    background-color: #FF932F;
    color: white;
    border: none;
    border-radius: 3px;
    box-shadow: 0.1pt -0.1pt 3px 0.4px #030200 inset;
}
.status-msg-wrap a {
    display: none;
}
.date-outer {
    padding: 10px;
    border-left: 2px solid #030200;
    border-right: 2px solid #030200;
}
.main-inner .widget h2.date-header {
    border-bottom: 1px solid #030200;
}
.post-outer, .inline-ad {
    border-bottom: 1px solid #030200;
}
.main-inner .sidebar .widget h2 {
    border-bottom: 1px solid #030200;
}
.main-inner .widget {
    border-bottom: 1px solid #030200;
}
/* Post-Titel */
h3.post-title a {
    color: #fb1000;
    font-weight: bold;
}
.jump-link {
    padding: 8px 25px 0px 0px;
    margin-bottom: -6px;
    text-align: right;
}
.jump-link a {
    box-shadow:0px 0px 1px #720a00 inset;
    padding:2px 5px 2px 5px;
    text-decoration: none;
}
/* - - - - - - - - - - - -
Posts-Bereich Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Kommentar-Bereich Anfang
 - - - - - - - - - - - - */
/* Kommetar-Antworten: Hintergrundbild deaktiviert und durch Boxschatten ersetzt */
.comments .comment-thread.inline-thread {
    background: none;
    background-color: #F9F9F9;
    box-shadow: 0px 0px 3px #FBECE6 inset;
}
/* - - - - - - - - - - - -
Kommentar-Bereich Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Footer Anfang
 - - - - - - - - - - - - */
.footer-inner {
    border-top: 5px solid rgba(226, 78, 8, 1);
}
#HTML4.widget.HTML {
    height: 0px;
}
#HTML4.widget.HTML h2 {
    display: none;
    height: 0px;
}
/*Footer: Überschriften vergrößert*/
#footer-1 h2 {
    font-size: 110%;
}
/*Footer: Gadget Blogliste: Inhalt soll ganze Footer-Breite nutzen*/
#BlogList1 h2 {
    font-size: 110%;
    margin-bottom: -10px;
}
.blog-list-container .blog-content {
    width: 100%;
    margin-top: -10px;
}
/*Footer: Gadget HTML Copyright Überschrift*/
#HTML3.widget.HTML h2 {
    text-align: center;
    font-size: 100%;
    margin-bottom: -10px;
}
/*Footer: Gadget HTML Copyright Inhalt*/
#HTML3.widget.HTML {
    text-align: center;
    font-size: 90%;
    margin-bottom: 0px;
}
#Attribution1.widget.Attribution {
    margin-top: 0px;
}
#HTML1.widget.HTML, #HTML2.widget.HTML {
    display: none;
}
/* - - - - - - - - - - - -
Footer Ende
 - - - - - - - - - - - - */



/* - - - - - - - - - - - -
Mobile Vorlage Anfang
 - - - - - - - - - - - - */
/* Seiten-Liste in mobiler Version normal positioniert */
.mobile #PageList1 {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
}
/* Der eigentliche Hintergrundbereich, der für die mobile Version verwendet wird, der aber zu weit rechts ist und sich nur bei wirklich schmalen Anzeigegeräten unter den Text schiebt. Vorsichtshalber habe ich deshalb hier auf so gut wie transparent gestellt und den nächsten Abschnitt als Hintergrund gewählt und eingestellt. */
.mobile .content-fauxcolumns .fauxcolumn-inner {
opacity: 0.001;
}
/* Hintergrundfarbe Hauptbereich unter Schrift */
.mobile .column-center-inner, .mobile #Attribution1 {
background: #ffffff;
opacity: 0.99;
}
/* Gplus-Button-Bereich unter Posts - ausgeblendet */
.goog-inline-block.dummy-container {
    display: none;
}
/* - - - - - - - - - - - -
Mobile Vorlage Ende
 - - - - - - - - - - - - */



/* EIGENES CSS ENDE */