Seiten Netzwerk: ChaoS Networks | eWeBuKi | eWeBuKi Demo | port23.de |

Inline-Elemente

Formatierung innerhalb von Blöcken.

Vorherige Seite: Block-Elemente - Nächste Seite: Logische Auszeichnungen - Zum Kapitel Anfang

Übersicht

BR | IMG | LINK | -span-

Inline-Elemente erzeugen keinen eigenen Absatz im Textfluss. Inline-Elemente sind als untergeordnete, "innere" Elemente für Block-Elemente gedacht. Sie können in den meisten Fällen normalen Text und weitere Inline-Elemente enthalten, jedoch keine Block-Elemente.

· Logische Auszeichnungen
· Physische Auszeichnungen

BR Zeilenumbruch

[BR][/BR], [BR=a][/BR]

Erzeugt einen Zeilenumbruch. In HTML wird damit ein br erzeugt. eWeBuKi ersetzt eigentlich automatisch \n\r durch Zeilenumbrüche, doch mit einem "=" kann man hier die für den Textfluss wichtigen Parmeter (a, l, r) übergeben.

a: Textfluss nächste Zeile in jedem Fall unterhalb der Grafik
l: Textfluss nächste Zeile unterhalb einer linksbündig ausgerichteten Grafik
r: Textfluss nächste Zeile unterhalb einer rechtsbündig ausgerichteten Grafik

IMG Bilder (engl. Image)

[IMG]datei.typ[/IMG], [IMG=datei.typ;align;border;view;vspace;n/a;hspace]alt text[IMG]

Der einfachste Tag bindet das Bild im Tag in der Ausgabe ein, wobei die Größe des Bild automatisch ermittelt wird. Die Werte width und height werden im HTML richtig gesetzt.

Beispiel:

eWeBuKi Logo

Ohne Pfadangabe sucht tagreplace das Bild im "/image" Verzeichnis des jeweiligen Design. Startet der link mit einem "/", wird das Bild mit Pfad gesucht. Mit einem http:// am Anfang lassen sich Bilder anderer Webseiten einbinden.

Tipp: Mit dem FileEd lassen sich Bilder bequem einfügen, das Aussehen des eingefügten Tag (bild einfügen tag) lässt sich mit der Datei "conf/overwrite.cfg.php" einstellen.

Parameter 1: Die Datei
Hier gilt das gleiche wie bei der schnellen Methode.

Parameter 2: Alignment (Ausrichtung)
Momentan gibt es hier drei Möglichkeiten

l: der Text ist linksbündig
r: der Text ist rechtsbündig
bez: - Stylesheet Klasse (class=bez) wird verwendet
id:bez: - Stylesheet Id (id=bez) wird verwendet
leer - der Text ist unterhalb bzw. oberhalb

Parameter 3: Border (Rand)
Für den Fall das der Tag mit einem LINK verschachtelt wurde, ist es möglich den Rand des Bildes einzustellen.
wert: Der Rand wird "wert" groß.
0: Der Rand wird abgeschalten
leer: Ein Link erhält automatisch einen Rahmen (kein border eintrag im HTML)

Parameter 4: View (Detail Ansicht des Bildes)
Momentan gibt es hier vier Möglichkeiten

o: Orginal des Bildes
b: Maximale Ansicht
m: Mittlere Ansicht
s: Kleinste Ansicht
l: Lightbox 2 Modus

Parameter 5: vspace (Vertikaler Abstand)

Parameter 6: n/a (nicht verfügbar)
Parameter 7: hspace (Horizontaler Abstand)

Der Tag Wert wird als Alternativ Text "alt" im HTML verwendet.

Will man den IMG-Tag in einen LINK-Tag einbetten (Klick aufs Bild führt zum Link), so muss man alle Parameter weglassen, anderenfalls wird "nur" die Grafik in Vergrößerung gezeigt.

LINK Verweise (engl. Links)

[LINK]http://irgendwo.de[/LINK]

Eine Url innerhalb des Tag wird genau so dargestellt und mit einem Hyperlink versehen. Der Link kann extern (http://) oder einfach relativ zur seite angegeben werden. Parameter werden mit "=" übergeben und mit einem ";" erweitert.

[LINK=http://irgendwo.de;target]Irgendwo[/LINK]
Soll statt eines Texts eine Grafik angezeigt werden, muss der IMG-Tag ohne jeglichen Parameter angegeben werden.
[LINK=http://ewebuki.de;;Test][IMG=/file/jpg/46/m/shot.jpg]Just a Test[/IMG][/LINK] 

Parameter 1: Url
Parameter 2: Ziel z.B. neues Fenster mit _blank (engl. target)
Parameter 3: Titel
Parameter 4: Klasse
Parameter 5: ID

Als Tag Wert wir die Link Bezeichnung angegeben.

ACHTUNG!!!
Enthält der Link ein Semikolon, muß zwingend ein target angegeben werden.

YT Youtube Videos einbinden

[YT=;512;288;-1;-1;-1]X1xIH-CKw3o[/YT]

Parameter 0: Alignment (Ausrichtung)
Momentan gibt es hier drei Möglichkeiten

l: linksbündig
r: rechtsbündig
bez: - Stylesheet Klasse (class=bez) wird verwendet

Parameter 1: Breite des Videos
Parameter 2: Höhe des Videos
Parameter 3: Datenschutzmodus aus
Parameter 4: Info Zeile anzeigen
Parameter 5: Youtube Video Tipps am Ende

Als Tag Wert wird die ID des Youtube-Videos angegeben.

Vorherige Seite: Block-Elemente - Nächste Seite: Logische Auszeichnungen - Zum Kapitel Anfang