This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 2 - Pages: 1 - Last Post: 30 Jun 22, 10:26 Last Post By: ermland-fotos Threads: [ Previous | Next ]
ermland-fotos

Posts: 7
Registered: 7-Mar-2016
Photoblogger
Posted: 24 Jun 22, 17:11
 
  Click to reply to this thread Reply
Attachment Maria-2.JPG (65.6 KB)
Attachment Maria-1.JPG (77.8 KB)
JA 28.1.5
Photoblogger 3.24.2
http://ermland-fotos.de/Spurensuche/Kurzgeschichten/

Dem Ordner habe ich ein Miniaturbild hinzugefügt, welches auf allen htt Dateien im Kopf erscheint. (Beispiele Maria1)
Ich stelle mir vor, daß ich für jede Datei ein themenbezogenes Bild einfügen kann.
Beispiel: Wenn ich über regennasse Strassen schreibe, dann brauche ich ein Minaturbild einer nassen Strasse, zu einer Story über Flötenspieler soll eine Flöte das im Kopf symbolisieren, etc.
Alternativ kann ich mir auch vorstellen, die Bilder, direkt in die Textseite zu platzieren, (Beispiel Maria-2)

Meine Frage: Geht das und wenn ja, kann mir jemand den Weg zeigen?
Laza

Posts: 2,058
Registered: 6-Sep-2005
Re: Photoblogger
Posted: 25 Jun 22, 09:07   in response to: ermland-fotos in response to: ermland-fotos
 
  Click to reply to this thread Reply
You can add some CSS styles to achieve this (Settings / Photoblogger / Advanced / Custom code / CSS)
.page #main-cont .page-wrap section {
    clear: both;
    margin-bottom: 1rem;
    overflow: hidden;
}
.page #main-cont .page-wrap section .image {
    display: block;
    float: left;
   max-width: 40%;
    margin-right: 1rem;
}

The comment the should be like this:
<section>
<div class="image"><img src="${resPath}/imagename.jpg"></div>
<p class="text-justify">Ich habe ein Faible für Busen. Schon immer. Ob kleine, ob große und auch die Zwischengrößen verachte ich nicht. Zuerst die Busen. Es sei denn, da sind rote Haare im Spiel. Dann die roten Haare. Feuerrote Haare. Wie bei Claire mit ihrem göttlichen Busen und dem feuerofenroten Haar. Und mit Sommersprossen. Überall. Erich Kästner, wenn er ihr begegnet wäre, hätte wohl zu dichten gehabt »sie war am ganzen Körper rot, soweit sie Härchen hatte«. Aber Kästner mochte blonde Haare und Mädchen, die Polly hießen, aber nicht Claire, deren Sommersprossen wir nicht zählen konnten, so viele Zahlen hatten wir gar nicht.</p>
<p class="text-justify">An den Wochenenden sind wir zum Strand von Petit Nice gefahren. Dort haben wir ausgiebig Sommersprossenanatomie betrieben, an diesem ganz lebendigen, hautwarmen Kunstwerk, das Claire hieß und rote Haare hatte. Und auch das andere kam nicht zu kurz, das, was die Franzosen so poetisch mit faire l’amour umschreiben, oder besingen oder es machen.</p>
</section>

  • Please note, both the <section> and </section> tags are important.
  • Place the images (for all the custom pages) in the album's top level folder, inside a folder called "res".
  • If you prefer the text not flow below the image, add an extra <div>...</div> block around the text.
  • You can add the title above the text box (not above the picture) this way:
<section>
<div class="image"><img src="${resPath}/imagename.jpg"></div>
<div>
<h2>This is the title</h2>
<p class="text-justify">This is the text.</p>
<p class="text-justify">This text will not flow below the image.</p>
</div>
</section>
ermland-fotos

Posts: 7
Registered: 7-Mar-2016
Re: Photoblogger
Posted: 30 Jun 22, 10:26   in response to: Laza in response to: Laza
 
  Click to reply to this thread Reply
Thanks. I want to try it.
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums