// Startseite // Hinweise zum schreiben eines Beitrags

Hinweise zum schreiben eines Beitrags

  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.

  • Erlaubte HTML-Tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>

  • 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>

    Um eine Beschriftung anzuzeigen, verwenden Sie entweder das Titelattribut oder fügen es in einer zweiten eckigen Klammer innerhalb des rel-Attributs ein.

    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

  • 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>

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

    Einfaches Beispiel:
    <a href="suche.php" rel="lightmodal">Suche</a>

    Beispiel für das Gruppieren:
    <a href="suche.php" rel="lightmodal[suche][beschriftung 1]">Suche</a>
    <a href="suche.php?status=1" rel="lightmodal[suche]">Suche veröffentlicht</a>

    Beispiel mit Kontrolle über die Modal-Eigenschaften:
    <a href="suche.php" rel="lightmodal[|width:400px; height:300px; scrolling: auto;][beschriftung]">Suche</a>

    Beispiel mit Kontrolle über die Modal-Eigenschaften, wenn gruppiert:
    <a href="suche.php" rel="lightmodal[suche|width:400px; height:300px; scrolling: auto;]">Suche</a>
    <a href="suche.php?status=1" rel="lightmodal[suche|width:400px; height:300px;]">Suche veröffentlicht</a>

  • 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>

  • It's possible to show video content in the lightbox. In this case the "rel" attribute should be set to lightvideo. It's possible to group videos and to control the size of the lightbox by setting the "width" and "height" properties. The properties can be configured like lightvideo[group|width:300px; height: 200px;][caption]. The properties should all be of the format "property: value;" - note the closing semi-colon. If no properties are set, then the default width and height of 400px will be used. See below for more detailed examples.

    Einfaches Beispiel:
    <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo">Google Video Beispiel - Standardgröße</a>

    Beispiel für eine kontrollierte Größe der Lightbox:
    <a href="http://video.google.com/videoplay?docid=1811233136844420765" rel="lightvideo[group|width:400px; height:300px;][caption]">Google video example - custom size</a>

    Unterstützte Video Formate sind asx, wmv, mov und swf. Ebenso werden einige Video-Hoster unterstützt, z.B. YouTube und Google Video. Für eine ausführliche Liste der unterstützten Video-Hoster, schauen Sie bitte in die Online Dokumentation.

  • Quoted content can be placed between [quote] tags in order to be displayed as an indented quote. Every [quote] tag must have a corresponding [/quote] tag. For example: 

    [quote]This is a simple quote.[/quote]
    is displayed as:

    Quote:
    This is a simple quote.

    Additionally, there is an optional attribute which allows quotes to specify the original author. 

    [quote=Mr. Drupal]This is a quote with an attribution line.[/quote]
    is displayed as:

    Mr. Drupal schrieb:
    This is a quote with an attribution line.

    Finally, multiple [quote] tags can be nested within one another. Just remember that every [quote] tag must have a corresponding [/quote] tag. 

    [quote]I think she says it best...
[quote=Ms. Quotation]This is a quote nested within another quote.[/quote]
but you can't argue with
[quote=Ms. Reply]The more quotes, the merrier.
Just don't get too carried away.[/quote]
And I have nothing more to say.[/quote]
    is displayed as:

    Quote:
    I think she says it best...
    Ms. Quotation schrieb:
    This is a quote nested within another quote.
    but you can't argue with
    Ms. Reply schrieb:
    The more quotes, the merrier. Just don't get too carried away.
    And I have nothing more to say.
  • 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.

  • Video Filter

    You may insert videos from popular video sites by using a simple tag [video:URL].

    Examples:

    • Single video:
      [video:http://www.youtube.com/watch?v=uN1qUeId]
    • Random video out of multiple:
      [video:http://www.youtube.com/watch?v=uN1qUeId1,http://www.youtube.com/watch?v=uN1qUeId2]
    • Override default autoplay setting: [video:http://www.youtube.com/watch?v=uN1qUeId autoplay:1]
    • Override default width and height:
      [video:http://www.youtube.com/watch?v=uN1qUeId width:X height:Y]
    • Align the video:
      [video:http://www.youtube.com/watch?v=uN1qUeId align:right]

    Supported sites: YouTube, Google Video, Tangle, DailyMotion, Eyespot, Jumpcut, Revver, Vimeo, Flickr Slideshows, Flickr Video, Game Videos, Meta Cafe, Game Trailers, College Humor, MySpace.