Ergebnis 1 bis 4 von 4

Thema: Einbringen von Fotos & Grafiken

  1. #1
    GW-Forum Team Avatar von GW-Team
    Registriert seit
    21.10.2010
    Beiträge
    55

    Einbringen von Fotos & Grafiken

    Welche Bilder darf ich in Beiträgen und Alben einstellen und wie?

    Wir haben den Ehrgeiz entwickelt hier im Forum ausschließlich selbst aufgenommene Bilder zu verwenden. So verhindern wir von vorne herein, in Konflikt mit den Rechteinhabern zu kommen.

    Wie das Ganze auch noch schick aussieht ergänzt Mario hier am besten noch:

  2. #2
    GW-Forum Team Avatar von Mario
    Registriert seit
    21.10.2010
    Ort
    In einem verschlafenen Kaff am linken Niederrhein
    Beiträge
    314

    Einbringen von Fotos & Grafiken: Teil 1

    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:	2273
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:	2209
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:	2210
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:	2245
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:	3101
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

  3. #3
    GW-Forum Team Avatar von Mario
    Registriert seit
    21.10.2010
    Ort
    In einem verschlafenen Kaff am linken Niederrhein
    Beiträge
    314

    Einbringen von Fotos & Grafiken: Teil 2

    Nachdem du die Grafikeinstellungen abgespeichert hast, ändert sich die Ansicht im Editor erst einmal nicht.

    Klicke auf die Grafik für eine größere Ansicht

Name:	Nach Grafikeinstellungen.jpg
Hits:	2275
Größe:	41,0 KB
ID:	117

    Schritt 6: Nachricht veröffentlichen

    Nach Betätigung der Schaltfläche Thema erstellen bzw. Antworten werden deine vorher getroffenen Einstellungen sichtbar.

    Klicke auf die Grafik für eine größere Ansicht

Name:	Fertig.jpg
Hits:	2249
Größe:	46,5 KB
ID:	116

    Wenn das Foto in Relation zum Beitrag zu groß sein sollte, kannst du das jederzeit selber korrigieren. Über die Schaltfläche Bearbeiten kannst du nachträgliche Änderungen vornehmen und z. B. die Größe oder Position ändern.

  4. #4
    GW-Forum Team Avatar von Mattes
    Registriert seit
    21.10.2010
    Ort
    tiefster linker Niederrhein
    Beiträge
    1.990

    AW: Einbringen von Fotos & Grafiken

    Uppps, ist ja veraltet. Die neue Software sieht ja mittlerweile ein wenig anders aus.
    Gruß vom Mattes

    Zuhause ist da, wo das Land platt ist, Kühe und Pappeln rumstehn, der Nebel wabbert und Diebels getrunken wird.


Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •