Rahmen & Schatten bei Bildern entfernen

In Blogger Layouts bekommen Bildern automatisch Rahmen und Schatten - viele Blogger wollen das nicht. Statt im Quelltext eine Löschorgie zu veranstalten - was immer noch in Tutorials empfohlen wird - hier die ultimative Methode mit CSS für alle Blogger-Templates.

Wie funktioniert's?

Altes Dashboard-Layout
Dashboard > Vorlagendesigner > Erweitert > CSS hinzufügen > setzt den folgenden Code ein > drückt die  Eingabe-Taste hinter dem letzten Zeichen der letzten Zeile > Auf Blog anwenden

Neues Dashboard-Layout
Dashboard > Vorlage > 'Live im Blog' anpassen > Erweitert > CSS hinzufügen > setzt den folgenden Code ein > drückt die  Eingabe-Taste hinter dem letzten Zeichen der letzten Zeile > Auf Blog anwenden

Der Code

.post-body img, .post-body .tr-caption-container, .Profile img, 
.Image img, .BlogList .item-thumbnail img {
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
       -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
    background: transparent !important;
}

Nicht gefunden was ihr sucht?

Funktioniert für alle Bilder [Post, Seiten, Sidebar, Profile ...] mit allen Layouts und allen Browsern, nur nicht für die dynamischen

Noch Fragen?

Immer noch nicht das, was du suchst? Fragt unter Kommentare nach, ich denke, ich habe über jeden Aspekt zu Rahmen und Schatten in blogspot.com Blogs schon was geschrieben. Ich freue mich über eure Fragen, Kommentare und Anregungen.