Barley

Dies ist ein Test für die Einbettung von Bildern.


Dies ist ein Test für die Einbettung von Bildern.


Hier geht es um den Einbau von Bildern in den Beitrag. Der Text soll dabei um die Bilder fließen. Dazu werden verschiedene Klassen definiert.

.bild300left läßt das Bild links erscheinen und den Text rechts darum herumfließen. Gleichzeitig wird es umrahmt und der Text zum Bild darunter in der Box angezeigt.



Weitere Klassen werde für verschiedene Bildbreiten definiert.

für ausgewählte Blogs. D.h. ich habe für die Blogs, die ich in den letzten 3 Wochen auf blogger.de als aktiv gesammelt habe, Wegweiser erstellt, wenn sie im Titel nicht irgendwelche Sonderzeichen wie &, > oder < haben.
wegweiser gezipt (zip, 1,922 KB)

...

Hier eine kurze Beschreibung, wie die Wegweiser einfach und schnell erstellt werden können. Die Wegweiser basieren auf einer Unterlage, die mit OpenOffice.org als Zeichnung erstellt wurde.
wegweiser-muster (odg, 9 KB)

...

Im Stylesheet ein .storyBody eingefügt und in StoryDisplay skin das div-Tag um class="storyBody" erweitert.

Site/style.skin

.storyBody {
   background-color: white;
   padding : 3px;
   border: 1px solid <% layout.textcolor %>;
   text-align : justify;
}

Story/display.skin

...
<div class="storyBody"><% story.content part="text" %>
</div>
...

Normalerweise ist die Blog-Seite links ausgerichtet. Dies ist auf Bildschirmen mit 1280*1024 Auflösung oder höher politisch einseitig. Wer das richtige Gleichgewicht herstellen will, der kann dies mit wenigen Änderung im Stylesheet erreichen und die Seite automatisch in die Mitte rücken lassen.

... ich kleine Bilder so plaziere, dass der Text um sie umfließt.

<div style="float:left;"><% image name="byggvir of barley - klein" %></div>