PageList2

PageList1

Cookie-Hinweis Smartphone

17.03.2013

Dynamische Ansichten: Flipcard-Karten-Rückseiten-Layout ändern

Auf den Flipcard-Rückseiten stehen oben der Titel und in der Mitte das Datum. Dem Titel steht nur wenig Platz zur Verfügung und er wird, wenn er lang ist, abgeschnitten. Hier beschreibe ich, wie man am Layout folgendes ändern kann:
  • Bereich für das Datum nach unten schieben
  • Bereich für den Titel vergrößern
  • Das Abschneiden des Titels verhindern

Hinweis:
Lange Titel sind aber weiterhin ein Problem. Die Änderungen bewirken lediglich, dass etwas mehr Titel angezeigt wird, dennoch muss man darauf achten, kurze Titel zu wählen. Auch in anderen Ansichten, als nur Flipcard, sind lange Titel problematisch.

Man kann das Layout mittels Eintrag der folgenden Kommandos unter "CSS hinzufügen" ändern. Weg dorthin: Blogger-Dashboard > Blog-Menü (Pfeil) > Vorlage > Anpassen > Erweitert > CSS hinzufügen Die Kommandos bewirken eine optimale Platznutzung.

/* - Flipcard: Rückseite - Datumsabstand nach oben - */
.flipcard .date.published {
margin-top: 50px;
}
/* - Flipcard: Rückseite - Titelcontainerhöhe und Titelnichtabschneiden - */
.flipcard .overlay .title {
max-height: 68px;
overflow: visible;
}


Ute Ziemes, sg.utez.de, 17.03.2013

0 Kommentare:

Kommentar veröffentlichen