Tipps zur Erstellung von Inhalten

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • Zeilenumbrüche und Absätze werden automatisch erkannt. Die Tags für Zeilenumbrüche (<br />) und Absätze (<p></p>) werden automatisch eingefügt. Wenn Absätze nicht erkannt werden, sollten noch einige Leerzeilen eingefügt werden.

  • You may link to files uploaded with the current node using special tags. The tags will be replaced by the corresponding files. For example: Suppose you uploaded three files (in this order):

    • imag1.png (referred as file #1)
    • file1.pdf (referred as file #2)
    • imag2.png (referred as file #3) 
    [inline:1=test]  or  [inline:imag1.png=test]
    will be replaced by <img src=imag1.png alt=test> 
    [file:1=test]  or  [file:imag1.png=test]
    will be replaced by <a href=imag1.png>test</a> 
    [attachment:2=test]  or  [attachment:file1.pdf=test]
    will be replaced by <a href=file1.pdf.png>test</a>

  • Zum Betrachten der Bilder mit Lightbox, fügen Sie das rel="lightbox" Attribut in einen beliebigen Link-Tag hinzu. Zum Beispiel:

    <a href="bild-1.jpg" rel="lightbox">Bild #1</a>

    <a href="bild-1.jpg" rel="lightbox[][ihre beschriftung]">Bild #1</a>

    To show a caption either use the title attribute or put in the second set of square brackets of the rel attribute.

    Wenn Sie zusammengehörige Bilder zu einer Gruppe zusammenfassen wollen, dann müssen Sie einen Gruppennamen in eckigen Klammern in das rel-Attribut einfügen. Zum Beispiel:

    <a href="bild-1.jpg" rel="lightbox[rundreise]">bild #1</a>
    <a href="bild-2.jpg" rel="lightbox[rundreise][beschriftung 2]">bild #2</a>
    <a href="bild-3.jpg" rel="lightbox[rundreise][beschriftung 3]">bild #3</a>

    Es gibt keine Begrenzung für die Anzahl der Bilder pro Seite oder wie viele Bilder in einem Set zulässig sind.

    Wenn Sie die Beschriftung in einen Hyperlink umwandeln möchten, formatieren Sie ihre Beschriftung in folgender Weise:

    <a href="bild-1.jpg" rel='lightbox[][<a href="http://www.ihrlink.de">Bilddetails anschauen</a>]' >Bild #1</a>

  • Verlinkte Bilder von G2 werden für den Gebrauch mit Lightbox2 formatiert

  • Um eine Lightbox-Slideshow zu Ihren Bildern hinzuzufügen, fügen Sie das rel="lightshow[Slideshowname][Slideshowbeschriftung]" Attribut zu irgendein Link-Tag zum Aktivieren der Slideshow hinzu. Als Beispiel:

    <a href="bild-1.jpg" rel="lightshow[show1]">Bild #1</a>
    <a href="bild-2.jpg" rel="lightshow[show1]">Bild #2</a>
    <a href="bild-3.jpg" rel="lightshow[show1]">Bild #3</a>

    Der Titelattribut in dem Link-Tag ist optional. Jedoch wird durch diesen Attribut die Anzeige einer Bildbeschriftung in der Lightbox ermöglicht.

    Es gibt keine Begrenzung für die Anzahl der Bilder einer Slideshow oder wie viele Bilder in einem Slideshow zulässig sind.

    Wenn Sie die Beschriftung in einen Hyperlink umwandeln möchten, formatieren Sie ihre Beschriftung in folgender Weise:

    <a href="bild-1.jpg" rel='lightshow[show1][<a href="http://www.ihrlink.de">Bilddetails anschauen</a>]'>bild #1</a>

  • Es ist möglich Websites durch IFrames in der Lightbox anzuzeigen. In diesem Fall muss das rel-Attribute auf "lightframe" gesetzt sein. Es ist auch möglich diese Websites zu gruppieren, (z.B. lightframe[suche][beschriftung]) und zusätzlich ist es möglich einige der IFrame-Eigenschaften zu kontrollieren. Unter anderen kann die 'Breite', 'Höhe' und die 'Scroll' Eigenschaft von dem IFrame gesetzt werden. Diese Eigenschaften werden von dem Gruppenname mit ein | getrennt, z.B. lightframe[suche|width:100px;][beschriftung]. Wenn keine Gruppierung benutzt wird, dann wird die | trotzdem verwendet und das Format würde wie folgend sein lightframe[|width:100px;]. Diese Eigenschaften sollten im folgenden Format sein "Eigenschaft: Wert;" - vergessen Sie das schließende Semikolon nicht. Wenn keine IFrame-Eigenschaft gesetzt wurde, dann wird die Standard Breite und Höhe von 400px verwendet. Für detailliertere Beispiele siehe unten.

    Einfaches Beispiel:
    <a href="http://www.google.de" rel="lightframe">Google Suche</a>

    Beispiel für das Gruppieren:
    <a href="http://www.google.de" rel="lightframe[suche][beschriftung]">Google Suche</a>
    <a href="http://de.yahoo.com/" rel="lightframe[suche]">Yahoo Suche</a>

    Beispiel mit Kontrolle über die IFrame Eigenschaften:
    <a href="http://www.google.de" rel="lightframe[|width:400px; height:300px; scrolling: auto;][beschriftung]">Google Suche</a>

    Beispiel mit Kontrolle über die IFrame Eigenschaften, wenn gruppiert:
    <a href="http://www.google.de" rel="lightframe[suche|width:400px; height:300px; scrolling: auto;]">Google Suche</a>
    <a href="http://de.yahoo.com" rel="lightframe[suche|width:400px; height:300px;]">Yahoo Suche</a>