Die nachfolgenden Schritte funktionieren am besten mit dem Firefox. Der WYSIWYG-Editor wird derzeit von einigen Browser noch nicht unterstützt.

Schritt 1: Text des neuen Themas / der Antwort erfassen. Nun positionierst du den Mauszeiger an der Stelle in der Nachricht an der dein Anhäng eingefügt werden soll.

Schritt 2: Anhänge hochladen (max. 5 je Nachricht)

Unter der Antwort Textbox findest du einen Bereich der mit Zusätzliche Einstellungen überschrieben ist. Dort kannst du mit Klick auf die Schaltfläche Anhäge verwalten den Dateimanager aufrufen.

Hier kannst du neue Anhänge uploaden oder bereits hochgeladene Anhänge in deine Nachricht einfügen. Alle Anhänge die dem Beitrag zugeordnet werden sollen, müssen im Bereich Anhänge aufgeführt sein.

Klicke auf die Grafik für eine größere Ansicht Name: Dateiupload.jpg Hits: 2013 Größe: 75,2 KB ID: 108

Der mit einem Haken markierte Anhang wird mit Klick auf die Schaltfläche An Cursorposition einfügen in deinen Beitrag übernommen.

An der Stelle wo du vorher den Mauszeiger positioniert hattest steht nun der automatisch generierte BB-Code.

Schritt 3: Vom Standart-Editor in den WYSIWYG-Editor wechseln

An der rechten Seite des Editors findest du über den Smilies die Schaltfläche zum wechseln des Editors.

Klicke auf die Grafik für eine größere Ansicht Name: Bild im Text BB-Code.jpg Hits: 1948 Größe: 54,6 KB ID: 109

In den meisten Fällen genügt es diese Schaltfläche einmal anzuklicken um in den WYSIWYG-Editor zu wechseln. Anstelle des BB-Codes wird nun eine Miniaturansicht des Bildes im Text angezeigt.

Klicke auf die Grafik für eine größere Ansicht Name: Bild im WYSIWYG-Editor.jpg Hits: 1967 Größe: 48,8 KB ID: 111

Schritt 4: Grafikeinstellungen aufrufen

Nun führst du den Mauszeiger auf die Miniaturansicht. In der linken Bildecke erscheint nun ein Stiftsymbol.

Klicke auf die Grafik für eine größere Ansicht Name: Bild Mouseover.jpg Hits: 1981 Größe: 43,9 KB ID: 112

Wenn du den Stift anklickst öffnet sich vor deinem Text das Fenster Grafikeinstellungen.

Schritt 5: Einstellungen hinterlegen

Klicke auf die Grafik für eine größere Ansicht Name: Grafikeinstellungen.jpg Hits: 2820 Größe: 39,5 KB ID: 115

Nun kannst du festlegen ob dein Bild

  • mittig in deiner Nachricht angezeigt wird. Das Bild wird vom Text nicht umflossen sondern wird über- und unterhalb des Fotos angezeigt
  • links neben deinem Text,
  • mittig in deiner Nachricht,
  • bzw. rechts neben deinem Text eingebunden wird

Darunter kannst du die Bildgröße festlegen. In Abhängigkeit zur Billdgröße empfehlen wir dir die Einstellungen Mittelgroß bzw. Miniaturansicht damit dein Beitrag noch "lesbar" bleibt.

Unter Titel kannst du einen Namen für dein Bild eingeben. Dieser ist nicht direkt sichtbar sondern wird erst dann angezeigt, wenn der Benutzer seinen Mauszeiger auf den Bild führt (vergleichbar mit dem html Attribut "title" bzw. "alt").

Das Feld Beschreibung kannst du gerne vernachlässigen.

Unter den CSS-Eigenschaften kannst du z. B. einen Außenabstand für das Bild definieren. In unserem Beispiel soll das Bild rechts neben dem Text angezeigt werden. Der Text soll nicht bis zum Bild reichen, sondern einen Abstand von 25 Pixeln einhalten. Deswegen bekommt das Bild mittels margin-left: 25px den gewünschten linken Außenabstand zugewiesen.

Deine geänderten Grafikeinstellungen kannst du nun über die Schaltfläche Speichern abschließen.

Weiter geht es mit Teil 2