Aus FruitBasket Wiki
Bilder einfügen
Bilder werden über das Filebrowser-Icon eingefügt.
Das Filebrowser-Fenster öffnet sich. Nach der Auswahl des Bildes links auf den Reiter Bild einfügen klicken.
Folgende Paramenter können (optional) bestimmt werden:
- Bezeichnung/Alt-Tag:
Dieser Text erscheint, wenn man mit der Maus über das Bild fährt.
- Rahmenbreite in Pixel
- Rahmenfarbe (im Dropdown stehen die zum Layout passenden Farben zur Verfügung)
- Textfluss:
legt fest, wie der Text und das Bild zueinander angeordnet sind
linksbündig: das Bild ist links, der Text rechts daneben
rechtsbündig: das Bild ist rechts, der Text links daneben
hochgestellt: der Text ist rechts neben dem Bild nach oben ausgerichtet
tiefgestellt: der Text ist rechts neben dem Bild nach unten ausgerichtet
Mitte: der Text ist rechts neben dem Bild mittig ausgerichtet
- Abstand:
vertikaler und horizontaler Abstand des Bildes zum restlichen Inhalt in Pixel
- Verlinkung:
Adresse, mit der das Bild verlinkt werden soll (beginnt mit http://)
Neues Fenster öffnen öffnet beim Klicken auf den Link ein neues Fenster. Ist diese Option nicht ausgewählt, wird der neue Inhalt im offenen Fenster statt Ihrer Webseite geladen.
- Pop-Up Bild:
Das Pop-Up Bild erscheint in einem neuen Fenster, wenn auf das Bild geklickt wird.
- Mouse-Over Bild:
Das Mouse-Over Bild erscheint, wenn man mit der Maus über das Bild fährt.
Standardmäßig stehen beim Pop-Up und Mouse-Over Bild Dropdown nur die Bilder des aktuellen Ordners zur Auswahl.
Durch einen Klick auf Alle bekommt man sämtliche Bilder im Filebrowser aufgelistet, ein Klick auf Ordner schränkt die Auswahl wieder auf den aktuellen Ordner ein.
Mit einem Klick auf Einfügen werden die Einstellungen übernommen, das Bild in Originalgröße in den Artikel eingefügt und das Filebrowser-Fenster geschlossen.
|  Bearbeitungsfenster Bild einfügen |
Bilder bearbeiten
- löschen: Bild mit der Maus anklicken, auf ENTF drücken.
- skalieren: Bild mit der Maus anklicken; rund um das Bild erscheinen weiße Quadrate. An diesen kann man das Bild mit gedrückt gehaltener Maustaste skalieren. Während des Skalierens erscheinen in einem grauen Kasten die akutelle Größe des Bildes in Pixel sowie die Veränderung in Pixel. Sollen die Seitenproportionen erhalten bleiben, skaliert man das Bild an einem Quadrat im Eck.
| ACHTUNG: Die Qualität des Bildes kann durch das Skalieren erheblich eingeschränkt werden!
|
| General
|
| Bild-URL
| Pfad zum Bild
|  Bearbeitungsfenster Bild editieren General |
| Bild-Beschreibung
| = Alt-Tag; erscheint, wenn man mit der Maus über das Bild fährt
|
| Title
| Meta-Informationen zum Bild können hier angegeben werden
|
| Appearance
|
| Alignment
| legt fest, wie der Text und das Bild zueinander angeordnet sind (wird rechts in der Vorschau grafisch skizziert)
|  Bearbeitungsfenster Bild editieren Appearance |
| Dimensions
| Breite und Höhe des Bildes in Pixel
Constrain proportions bewirkt, dass die Seitenproportionen erhalten bleiben und die 2. Größe der geänderten automatisch angepasst wird
|
| Vertical space
| vertikaler Leerraum ober- und unterhalb des Bildes in Pixel
|
| Horizontal space
| horizontaler Leerraum links und rechts neben dem Bild in Pixel
|
| Border
| Rahmendicke in Pixel
|
| Class
| CSS-Klasse
|
| Style
| individuelle Stylevorgaben können hier manuell per CSS festgelegt werden
|
| Advanced
|
| Diese Optionen sind Admins, die bereits Erfahrung mit HTML und JavaScript haben, vorbehalten.
|
