Tipps zur Erstellung von Inhalten

  • 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 surround a section of text with "[collapse]" and "[/collapse]" to it into a collapsible section.

    You may use "[collapse]" tags within other "[collapse]" tags for nested collapsing sections.

    If you start with "[collapsed]" or "[collapse collapsed]", the section will default to a collapsed state.

    You may specify a title for the section in two ways. You may add a "title=" parameter to the opening tag, such as "[collapse title=<your title here>]". In this case, you should surround the title with double-quotes. If you need to include double-quotes in the title, use the html entity "&quot;". For example: '[collapse title="&quot;Once upon a time&quot;"]'. If a title is not specified in the "[collapse]" tag, the title will be taken from the first heading found inside the section. A heading is specified using the "<hX>" html tag, where X is a number from 1-6. The heading will be removed from the section in order to prevent duplication. If a title is not found using these two methods, a default title will be supplied.

    For advanced uses, you may also add a "class=" option to specify CSS classes to be added to the section. The CSS classes should be surrounded by double-quotes, and separated by spaces; e.g. '[collapse class="class1 class2"]'.

    You may combine these options in (almost) any order. The "collapsed" option should always come first; things will break if it comes after "title=" or "class=". If you need to have it come after the other options, you must specify it as 'collapsed="collapsed"'; e.g. '[collapse title="foo" collapsed="collapsed"]'.

    If you wish to put the string "[collapse" into the document, you will need to prefix it with a backslash ("\"). The first backslash before any instance of "[collapse" or "[/collapse" will be removed, all others will remain. Thus, if you want to display "[collapse stuff here", you should enter "\[collapse stuff here". If you wish to display "\[collapse other stuff", you will need to put in "\\[collapse other stuff". If you prefix three backslashes, two will be displayed, etc.

    If you prefer, you can use angle brackets ("<>") instead of straight brackets ("[]"). This module will find any instance of "<collapse" and change it to "[collapse" (also fixing the end of the tags and the closing tags).

    You may override the settings of the filter on an individual basis using a "[collapse options ...]" tag. The possible options now are 'form="form"' or 'form="noform"', and 'default_title="..."'. For example, '[collapse options form="noform" default_title="Click me!"]'. Only the first options tag will be looked at, and the settings apply for the entire text area, not just the "[collapse]" tags following the options tag. Note that surrounding <p> and <br> tags will be removed.

    This module supports some historical variants of the tag as well. The following are not recommended for any new text, but are left in place so that old uses still work. The "class=" option used to called "style=", and "style=" will be changed into "class=". If you don't put a double-quote immediately after "class=", everything up to the end of the tag or the string "title=" will be interpreted as the class string. Similarly, if you don't have a double-quote immediately following "title=", everything up to the end of the tag will be used as the title. Note that in this format, "style=" must precede "title=".

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

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

  • Slideshows can be added to this post.
  • Each email address will be obfuscated in a human readable fashion or (if JavaScript is enabled) replaced with a spamproof clickable link.