[DE] Formatierungstipp für "Picture Poetry"

in #deutsch6 years ago (edited)

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 )

🌵


Icon made by https://www.flaticon.com/authors/freepik from https://www.flaticon.com


Meine letzten Beiträge:

Gedicht: Bergtour bei CalviErich Maria Remarques Roman "Schatten im Paradies"Steemit Name Challenge @antikesdenken

{ | | | }

20.04.2018 UTC + 1
finché vita in petto avrò

Sort:  

Lieber Bürger,
mit Wohlwollen habe ich Ihren Beitrag gelesen. Vielen Dank, dass Sie sich an der Steem Blockchain beteiligen.

Hochachtungsvoll,

Ihre Bundeskanzlerin

Congratulations @antikesdenken! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments received
Award for the number of comments

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Upvote this notification to help all Steemit users. Learn why here!

Freut mich sehr, dass dir mein Beitrag gefallen und inspiriert hat :)

Nur eine Kleinigkeit, ich bin nicht "die" sondern "der" Nissla :)

Entschuldige bitte das Missverständnis! Ich habs korrigiert.

Brauchst dich nicht entschuldigen :)
Danke fürs ausbessern!

Coin Marketplace

STEEM 0.20
TRX 0.14
JST 0.030
BTC 68845.40
ETH 3281.32
USDT 1.00
SBD 2.65