Tipps zur Erstellung von Inhalten

Eingabeformate:
  • Filtered HTML:
    • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
    • Zulässige HTML-Tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <table> <tr> <td> <tbody> <thead>

      Diese Website erlaubt HTML-Inhalte. Obwohl das Erlernen aller HTML-Befehle abschreckend erscheint, ist es sehr einfach, nur eine kleine Anzahl der grundlegendsten HTML-„Tags“ zu lernen. Diese Tabelle enthält Beispiele für jedes Tag, das auf dieser Website erlaubt ist.

      Weitere Informationen zu HTML sind in SelfHTML erhältlich oder können mit Suchmaschinen im Internet auch an anderer Stelle gefunden werden.

      Tag-BeschreibungEingegebenErgebnis
      Anker werden benutzt um Links zu anderen Seiten zu erstellen.<a href="http://www.lanline.de">LANline</a>LANline
      Hervorgehoben<em>Hervorgehoben</em>Hervorgehoben
      Fett<strong>Fett</strong>Fett
      Zitat<cite>Zitat</cite>Zitat
      Kodierter Text um Quelltexte anzuzeigen<code>Code</code>Code
      Ungeordnete Liste – Mit <li> wird jedes Listenelement begonnen<ul> <li>Erstes Element</li> <li>Zweites Element</li> </ul>
      • Erstes Element
      • Zweites Element
      Geordnete Liste – Mit <li> wird jedes Listenelement begonnen<ol> <li>Erstes Element</li> <li>Zweites Element</li> </ol>
      1. Erstes Element
      2. Zweites Element
      Definitionslisten sind ähnlich zu anderen HTML-Listen. <dl> leitet die Definitionsliste ein, <dt> enthält den zu definierenden Begriff und <dd> enthält die Definitionsbeschreibung.<dl> <dt>Erste Bedingung</dt> <dd>Erste Definition</dd> <dt>Zweiter Begriff</dt> <dd>Zweite Definition</dd> </dl>
      Erste Bedingung
      Erste Definition
      Zweiter Begriff
      Zweite Definition
      Tabelle<table> <tr><th>Tabellenkopf</th></tr> <tr><td>Tabellenzelle</td></tr> </table>
      Tabellenkopf
      Tabellenzelle
      Kein Hilfetext für das tbody-Tag verfügbar.
      Kein Hilfetext für das thead-Tag verfügbar.

      Die meisten Sonderzeichen können problemlos direkt eingegeben werden.

      Falls Probleme auftreten, sollten HTML-Entitäten verwendet werden. Ein Beispiel ist &amp; für ein kaufmännisches &. Eine vollständige Liste stellt SelfHTML bereit. Einige Zeichen sind:

      ZeichenbeschreibungEingegebenErgebnis
      Kaufmännisches Und&amp;&
      Mehr als&gt;>
      Weniger als&lt;<
      Anführungszeichen&quot;"
    • 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.
  • Full HTML:
    • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
    • 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 anzeigen, verwende dazu das title-Attribut oder gebe dies in den zweiten eckigen Klammer des rel-Atribut.

      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>

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

    • Paging Help

      Break long pages into smaller ones by means of a page break tag (e.g. <!--pagebreak-->):

      First page here.
      <!--pagebreak-->
      Second page here.
      <!--pagebreak-->
      More pages here.

      Automatic page breaking based on character or word count is also supported.

    • To add pop-up tool tips to your content's text, enable Tool Tips in the Input Filter configure section of your default filter. To use add [tip:Text to highlight=The tooltip's content] to your node body as many times as you like!
  • CommunityFormat:
    • Internet- und E-Mail-Adressen werden automatisch umgewandelt.