PageList2

PageList1

Cookie-Hinweis Smartphone

30.03.2013

Dynamische Ansichten: Bildschatten und Bildschrumpfung deaktivieren

Standardmäßig sind die Bilder in Posts und auf Seiten der Dynamischen Ansichten schattenartig umrahmt und geschrumpft. Dabei meine ich nicht die Verkleinerung, die man ggf. in der Auswahl-Zeile selbst angegeben hat. Es handelt sich vielmehr um eine automatische zusätzliche Schrumpfung, die standardmäßig von der Vorlage vorgenommen wird. Die Schatten wiederum sind ein Rahmen-Hintergrundbild.

Schatten und Verkleinerung kann man auf zwei verschiedene Arten deaktivieren:
  1. Indem man das Rahmen-Hintergrundbild deaktiviert und die Rahmenbreite um das Bild sowie die Innabstände des Containers, in dem es steht, entfernt.
  2. Indem man das Rahmen-Hintergrundbild und das Verkleinerungskommando deaktiviert, das nur dann nötig ist und wirkt, wenn die Bildrahmenbreite und Containerinnenabstände aktiv sind.

Will man 1. nutzen, dann ist das Folgende unter Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > CSS hinzufügen einzutragen:

/* --- Bilder --- in Posts + Seiten --- Schatten, umgebende Abstände und Schrumpfung deaktiviert --- */
.article .article-content img:not(.deferred) {
padding: 0px;
border-image: none;
border-width: 0px;
}

Will man 2. nutzen, dann ist das Folgende unter Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > CSS hinzufügen einzutragen:

/*--- Bilder --- in Posts + Seiten --- Schatten deaktiviert, umgebende Abstände stehen gelassen ---*/
.article .article-content img:not(.deferred) {
border-image:none;
}
/* --- Bilder --- in Posts + Seiten --- Automatische Schrumpfung deaktiviert --- */
.article .article-content img {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
-goog-ms-box-sizing: inherit;
-ms-box-sizing: inherit;
-o-box-sizing: inherit;
box-sizing: inherit;
}

Ute Ziemes, sg.utez.de, 30.03.2013

0 Kommentare:

Kommentar posten