Bilder in Textfeldern
Jedes Bild, dass an beliebiger Stelle im Internet* verfügbar ist, kann durch einfaches Kopieren in ein beliebiges Jimdo-Textfeld eingefügt werden.
*Vorsicht: wird die Quelle gelöscht, ist auch das Bild auf der Jimdo-Seite weg!
- Bild im Internet suchen und in den Zwischenspeicher kopieren (rechte Maustaste).
Alternativ (sicherer):
- Bild hochladen auf versteckter Unter-Seite in Jimdo
- versteckte Seite im Ansichtsmodus öffnen und Bild in den Zwischenspeicher kopieren (rechte Maustaste)
- Textfeld auf richtiger Seite erstellen
- Bild aus Zwischenspeicher einfügen
Ein auf diese Weise eingefügtes Bild...
Öffnet man das so eingefügte Bild Im html-Modus, kann man sehen, dass es alle vereinbarten Attribute wie Höhe und Breite, Alt-Tag und Title-Tag etc. mitgenommen hat.
Beispiel:
Quell-Code:
<img id="cc-m-imagesubtitle-image-5695921864"
style="width: 95px; height: 90px; display: block; margin-left: auto; margin-right: auto;" title="Kostenlose Jimdo-Seite erstellen!"
src="http://u.jimdo.com/www32/o/s69854fd484825586/img/i330af2f39250bfa9/1349162600/std/
image.png" alt="Kostenlose Jimdo-Seite erstellen!"
name="cc-m-imagesubtitle-image-5695921864" />
TIPP: Die Image-id (hier: id="cc-m-imagesubtitle-image-5695921864") kann gelöscht oder zu Formatierungszwecken über den head-Editor verwendet werden.
Das eingefügte Bild lässt sich im Jimdo-Texteditor wie normaler Text bearbeiten (ausschneiden, verschieben, kopieren, verlinken etc).
Außerdem bekommt es sog. "Anfasser", wenn es markiert wird. Mit diesen kann man sehr bequem die Bildgröße ändern, wenn man vorher im html-Modus die Parameter für "width" und "height" gelöscht hat (!).
TIPP: Durch eine solche händische Grössenänderung werden die Parameter für "width" und "height" vom Jimdo-Editor automatisch wieder hinzugefügt, dann allerdings nicht mehr fixiert, sondern flexibel!
Bildposition (rechts/links) festlegen
Um ein auf oben beschriebene Weise in ein Textfeld eingefügtes Bild (...wie in diesem Absatz) rechts- oder linksbündig neben den Text zu stellen, kann man es entweder in eine Tabelle setzen, oder folgendermaßen vorgehen:
- Bild im Texteditor markieren
- mit einem Klick auf die Schaltflächen für die Ausrichtung "links ausgerichtet" oder "rechts ausgerichtet" dem Bild die gewünschte Position zuweisen
- Im HTML-Modus danach den Randabstand des Bildes einstellen
(style-Anweisung eränzen mit Zusatz "margin: ...;" oder "padding: ...;" )
Erklärung s.h.:
Im Beispiel oben ist der Quellcode des Bildes auf diese Weise folgendermaßen abgeändert worden:
<img id="cc-m-imagesubtitle-image-5695925864"
style="margin: 0 20px; float: left;"
src="https://u.jimcdn.com/www32/o/s69854fd484825586/img/i330af2f39250bfa9/1349162600/std/image.png" alt=""
width="50" height="50" />
PS: keine Anfasser mehr im neuen Jimdo?
Lösung: Statt "Bild im Textfeld" nimm "Bild in Tabellenfeld" In Tabellenfeldern werden für alle eingesetzten Elemente Anfasser generiert!