Überschrift h1
Überschrift h2
Überschrift h3
Überschrift h4
Überschrift h5
Das ist ein "Paragraph":
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Dieser Satz ist mit dem Style "Textauszeichnung green" belegt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Der vorhergehende mit dem Style "fett green"
- Consectetuer adipiscing elit mit noch mehr Text, um einen automatischen Umbruch zu erzeugen. Warum rutscht die gefärbte Nummerierung weg?
- Lorem ipsum dolor sit amet
- Aenean commodo ligula eget dolor
- Aenean massa.Lorem ipsum dolor
Einen "mehr"-Link mit Hintergrundbild erstellt man durch das schreiben von "mehr" oder "more" und markiert das Wort mit dem Cursor, dann klickt man auf das Linksymbol (Erde mit Kette) und trägt den entsprechenden url ein. Nun kann man entweder unter dem Reiter "advanced" die Klasse driekt eingeben "edmorelink" oder wählt nach dem Bestätigen aus der Styleliste "NT-mehrLink" aus. Dann muss der Link noch mit der üblichen Schaltfläche rechtsbündig platziert werden.
Dieser Link führt zur Anleitung vom Editor: mehr
Interne Links werden ohne http://www.notube.at/ eingegeben, aber mit führendem "/" zum Beispiel: /overview/parents
- Lorem ipsum dolor sit amet
- Consectetuer adipiscing elit
- Aenean commodo ligula eget dolor
- Aenean massa.Lorem ipsum dolor
style "greenbox"
Ist eher für die Parents und Professionalportlets auf der Startseite gedacht....
- Consectetuer adipiscing elit
- Lorem ipsum dolor sit amet
- Aenean commodo ligula eget dolor
- Aenean massa.Lorem ipsum dolor
- Lorem ipsum dolor sit amet
- Consectetuer adipiscing elit
- Aenean commodo ligula eget dolor
- Aenean massa.Lorem ipsum dolor
Elternbox blue mit h2
und dem Icon Eltern2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis.
Pro Box orange mit h3
und dem Icon Pro Orange. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes.
ContentBox gray mit h3
und dem Icon Professionals. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes.
ContentBox green mit h3
und dem Icon Eltern. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes.
Erstellen einer Box mit Icon
Zur besseren Orientierung die Schaltfläche "Show Blocks" einschalten...!!!
Im Editor drei Zeilen Platz schaffen, dann mit der DIV-Schaltfläche "Create Div Container" eine Box einfügen. Dann im automatisch erzeugten Paragraph den Cursor nach oben setzen und mit Shift-Enter ein Div-Tag erzeugen.
In diesem Div Tag erneut über die DIV-Schaltfläche "Create Div Container" ein Icon einfügen. Dann im Paragraph eine Heading schreiben und mit dem "Formatting- Styles- Dropdown formatieren. Wenn man alles richtig gemacht hat, rutscht die Heading jetzt automatisch rechts neben das Icon.
Dann im P unten weiteren Text schreiben...
Bilderupload und Lightbox
Bilder mit der Größe 568x263px müssen mit der Klasse "fotorand500" im Advanced-Bereich beim Image-Uploader versehen werden. Soll bei größeren Bildern eine Lightbox-Funktionalität hinzugefügt werden, muss das Bild im Image-Dialog auf 568x263px sklaiert werden und beim Klassenfeld "fotorand500 lightbox" eingegeben werden. Ausserdem muss das Bild im Image-Dialog unter Link auf sich selbst verlinkt werden.
Heading für den Teaser
Fliesstext, das Image ist links ausgerichtet. Dem Image muss im Klassenfeld die Klasse "fotorand_thumb" zugewiesen werden. Soll eine Lightbox-Funktion hinzugefügt werden, muss das Bild auf sich slebst verlinkt werden und die Klasse "fotorand_thumb lightbox" heissen. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Hier können Sie sich einloggen:
Hier Fliesstext Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes, nascetur ridiculus mus.
ContentBox gray mit h3
und dem Icon Neutral 1. Aenean commodo ligula eget dolor. Aenean massa. Fettgeschrieben penatibus et magnis dis parturient montes.
Das hier ist Note.
