Womo-Abenteuer

Nordamerika im Wohnmobil erleben!

Wie verändere ich das Bilder Layout?

Bei Bildern und Fotos kann man die Konturen und Größen auf einfache Weise in den Bildeigenschaften verändern.

 

Bilder wie in der  F A Q Wie lade ich Bilder in einen Beitrag hoch? beschrieben einfügen und Button "Bild markieren" auswählen

Es öffnet sich das Menu "Bildeigenschaften"

Folgende Einstellungen sind hier möglich:

1.) Bildgröße verändern - px oder (besser) in %  ( bei 2 Bilder nebeneinander mit 2 Leerzeichen Abstand : bei beiden Bildern 48% eintragen 

Wenn dir ein größerer Abstand zwischen den beiden Bildern besser gefällt, ändere die Prozentangabe einfach in einen kleineren Wert und mache anstatt (bei je 48%) nicht zwei, sondern (bei je 46%) vier oder (bei je 44%) acht Leerzeichen dazwischen.

eine Eingabe bei Breite reicht aus, das Feld Höhe kann leer bleiben

 

2.)  Rahmen einem Bild zufügen

im Feld "Rahmen" die  Ziffer z.B. 3 oder 4 (Breite des Rahmens) eintragen

oder

in "Formatvorlagenklassen" auf Reiter "erweitert" sind folgende Einstellungen möglich:

img-thumbnail = Bild mit Rahmen
img-rounded = Bild mit abgerundeten Ecken
img-circle = Bild als Kreis/Ellipse

Beispiel

 

3.) Position des Bildes in der Mitte: in "Formatvorlagenklassen": "center-block"
mehrere Einträge sind durch ein Leerzeichen zu trennen, z.B. (center-block img-circle)


 

Diese Einstellungen unter "Formatvorlagenklassen" werden erst nach dem Abspeichern sichtbar!

 


Hier die Auswirkungen der Einstellungen:

Beispielbild im Orginal

 

Beispielbild mit Formatvorlagenklasse img-thumbnail

 

Beispielbild mit Formatvorlagenklasse img-rounded

 


 

Beispielbilder mit je 48% Breite und Formatvorlagenklasse img-thumbnail

   

 


Beispielbild mit 50% Breite und Formatvorlagenklassen center-block img-circle


Erstellung einer Bildershow

Wenn du in deinem Reisebericht  mehrere Bilder nicht im vollen Format eingestellt hast, so kannst du sie doch den Lesern im Rahmen einer "Bildershow"  im großen Format zur Verfügung stellen.

Das geht so:

Kopiere im Fenster  "Bildeigenschaften"  (auch nachträglich im "Bearbeiten-Modus" durch Rechtsklick auf Bildeigenschaften zu erreichen) die Bild-URL nach dem Hochladen  auch noch unter den 2. Reiter (Name "Link") ein.

Als Ergebnis siehst du nach dem Abspeichern beim "Mouse over" eine Hand und  kannst ein Bild anklicken, danach  läuft eine Bildershow im größeren Format ab. (Be-5/18)

 

Kategorie: