Dynamische Ansichten: Medien in Posts links ausrichten

In den Dynamischen Ansichten werden eingebundene Medien, wie etwa Videos oder Musikbalken, standardmäßig mittig ausgerichtet.

Will man sie statt dessen grundsätzlich links ausrichten, kann man das per CSS bewirken. Dazu muss man unter Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > "CSS hinzufügen" das Folgende eintragen:

---

/* - - - Eingebettete Medien links ausgerichtet - - - */
.article .article-content iframe, .article .article-content embed {
margin: 0px;
max-width: 100%;
display: inline-block;
}

Ich bin dabei von den Kommandos ausgegangen, die dafür ursprünglich gelten und habe da nur die Werte geändert, nämlich 10px durch 0px und block durch inline-block ersetzt.

Man darf sich nicht davon irritieren lassen, dass im Vorschaufenster keine Änderung sichtbar wird; denn bei den Dynamischen Ansichten funktioniert die Vorschau speziell hierbei nicht. Wenn man auf "Auf Blog anwenden" klickt, wird das Kommando aber den gewünschten Effekt im Blog bewirken. Man sieht das, wenn man danach auf "Blog anzeigen" klickt.

Erfolgs-Tests

Erfolgreich getestet, ob's da angezeigt wird, habe ich das - in Bezug auf Videos - mit den Browsern FF, IE und Chrome.

Weiterführende Links

• Iframes ausrichten Web | Mobil

Ute Ziemes, sg.utez.de, 19.02.2013, Änderung 02.03.2013, Adressänderung:03.03.2013