Piratenpartei Deutschland Bezirksverband Unterfranken
Startseite Tipps zur Erstellung von Inhalten

Tipps zur Erstellung von Inhalten

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

  • Zulässige HTML-Tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <h1> <h2> <h3> <h4> <h5>

    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.piraten-ufr.de">Piratenpartei Unterfranken</a>Piratenpartei Unterfranken
    Hervorgehoben<em>Hervorgehoben</em>Hervorgehoben
    Stark<strong>Stark</strong>Stark
    Zitat<cite>Zitat</cite>Zitat
    Kodierter Text um Quelltexte anzuzeigen<code>Code</code>Code
    Ungeordnete Liste – <li> verwenden, um mit ein Listeneintrag zu beginnen<ul> <li>Erster Eintrag</li> <li>Zweiter Eintrag</li> </ul>
    • Erster Eintrag
    • Zweiter Eintrag
    Geordnete Liste – <li> verwenden, um mit ein Listeneintrag zu beginnen<ol> <li>Erster Eintrag</li> <li>Zweiter Eintrag</li> </ol>
    1. Erster Eintrag
    2. Zweiter Eintrag
    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
    Kein Hilfetext für das img-Tag verfügbar.
    Kopfbereich<h1>Titel</h1>

    Titel
    Kopfbereich<h2>Untertitel</h2>

    Untertitel
    Kopfbereich<h3>Untertitel drei</h3>

    Untertitel drei
    Kopfbereich<h4>Untertitel vier</h4>

    Untertitel vier
    Kopfbereich<h5>Untertitel fünf</h5>
    Untertitel fünf

    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. Und&amp;&
    Größer als&gt;>
    Kleiner 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.
  • Bilder können zu diesem Beitrag hinzugefügt werden.

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

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

X
Secure Login

This login is SSL protected

Was ist OpenID?
Laden