Picture Poetry
Vor einem Monat fand ich diesen tollen Beitrag von @nissla. Eine Art Bild-Text-Kombination bzw. "Picture Poetry" aus drei Bildern und einem Gedicht. Sein Beitrag sprang mir sofort ins Auge. Wegen der unglaublich schönen Blumen und dem tollen Design.
Ich musste einfach probieren, ob mir das auch gelingt!
In einem meiner letzten Beiträge: Das Herz der Melancholie habe ich es dann nach einigem Hin und Her ⏳😓😁auch geschafft. Und zwar mit quadratischen Bildern.
Heute weihe ich euch in das kleine "Geheimnis" ein und zeige euch, wie es geht.
Klar, ihr könntet Steemviz anschmeißen und hättet den Quellcode parat, aber das eigentliche Geheimnis ist die Auflösung der Bilder.
Nehmt diesen Code und passt ihn an euer Gedicht oder euren Text an:
<h1><center>Ein Gedicht über (...)</center></h1>|
-|
<div class="pull-right">
(Hier URL des Bildes einfügen, das oben rechts stehen soll. Maße: 370 x 370 px)
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
Ein Gedicht
</div>
<div class="pull-left">
(Hier URL des Bildes einfügen, das oben links stehen soll. Maße: 370 x 370 px)
</div>
(Hier URL des Bildes einfügen, das unten links stehen soll. Maße: 398 x 370 px)
Wenn ihr alles richtig gemacht habt (Denkt vor allem an die richtige Bildgröße!) sollte es so aussehen:
Die Vorschau wird euch vorgaukeln, dass das untere linke Bild kleiner als die anderen ist. Glaubt ihr kein Wort!
Und wenn euer Text länger ist? 🤔
Die angegebene Bildgröße ist auf die Textlänge von 11 Zeilen angepasst,
Es ist möglich, die Zeilenzahl zu erhöhen. Bei mehr als 11 Zeilen hängt der Text aber ein bisschen in der Luft.
Man kann in so einem Fall, ähnlich wie es @nissla gemacht hat, die Höhe der Bilder einfach um je 20 Pixel pro Zeile vergrößern.
Ich empfehle erst das Gedicht bzw. den Text zu schreiben und dann die Pixel der Bilder zu berechnen.
Viel Spaß beim Nachmachen!
.oO(Aus der Reihe "Dinge, die im Urlaub liegen geblieben sind." Heute: ich :D )
Meine letzten Beiträge:
| Gedicht: Bergtour bei Calvi | Erich Maria Remarques Roman "Schatten im Paradies" | Steemit Name Challenge @antikesdenken |
|---|
| 
| 
| 
}20.04.2018 UTC + 1
finché vita in petto avrò