Editor-Formate
Im Editor findet sich dieses „Fenster” (Dropdown) an dieser Stelle: 
Damit man sich bei der Vielzahl der Formate zurechtfindet, wird das ausgewählte mit einem dunklen Balken vor dem ausgewählten Format wie im folgenden Beispiel 
markiert.
| Aufruf | Bild | Kurz-Beschreibung | Funktionsaufruf |
|---|---|---|---|
| p.marquee |  |
Lauftext in einer Zeile | <p class="marquee">Text</p> |
| div.marquee |  |
Lauftext in einer Zeile | <div class="marquee">Text</p> |
| div.silbentrennung |  |
Silbentrennung | <div class="Silbentrennung">Text</div> |
| p.silbentrennung |  |
Silbentrennung | <p class="Silbentrennung">Text</div> |
| span.silbentrennung |  |
Silbentrennung | <span class="Silbentrennung">Text</div> |
| span.underline |  |
Unterstreichung nur vom Text | <p><span class="underline">Text</span></p> |
| p.underline |  |
Unterstreichung im gesamten Block | <p class="underline">Text</p> |
| p.blue |  |
Text in blau; jedoch eher türkis |
<p class="blue">Text</p> |
| span.blue |  |
Text in blau; jedoch eher türkis | <span class="blue">Text</span> |
| p.caption |  |
Text mit kleinen Buchstaben in grau | <p class="caption">Text</p> |
| span.caption |  |
Text mit kleinen Buchstaben in grau | <p><span class="caption">Text</span></p> |
| p.noBr |  |
Text wird am Monitorrand nicht umgebrochen | <p class="noBr">Text</p> |
| span.noBr |  |
Text wird am Monitorrand nicht umgebrochen | <p><span class="noBr">Text</span></p> |
| p.Lighter |  |
Text mit normalen Buchstaben in hellgrau | <p class="Lighter">Text</p> |
| div.Lighter |  |
Text mit normalen Buchstaben in hellgrau | <p class="Lighter">Text</p> |
| span.Lighter |  |
Text mit normalen Buchstaben in hellgrau | <p><span class="Lighter">Text</span></p> |
| p.Bolder |  |
Text dunkler, aber kaum deutlich sichtbar | <p class="Bolder">Text</p> |
| span.Bolder |  |
Text dunkler, aber kaum deutlich sichtbar | <p><span class="Bolder">Text</span></p> |
| div.Bolder |  |
Text dunkler, aber kaum deutlich sichtbar | <div class="Bolder">Text</div> |
| p.Bold |  |
Text statt bold fetter | <p class="Bold">Text</p> |
| span.Bold |  |
Text statt bold fetter | <p><span class="Bold">Text</span></p> |
| div.Bold |  |
Text statt bold fetter | <div class="Bold">Text</div> |
| p.smaller |  |
Text statt normaler Buchstaben kleinere | <p class="smaller">Text</p> |
| span.smaller |  |
Text statt normaler Buchstaben kleinere | <p><span class="smaller">Text</span></p> |
| div.smaller |  |
Text statt normaler Buchstaben kleinere | <div class="smaller">Text</div> |
| p.bigger |  |
Text mit doppelt so großen Buchstaben | <p class="bigger">Text</p> |
| span.bigger |  |
Text mit doppelt so großen Buchstaben | <p><span class="bigger">Text</span></p> |
| div.bigger |  |
Text mit doppelt so großen Buchstaben | <div class="bigger">Text</div> |
| p.subHeading |  |
Text mit doppelt so großen Buchstaben | <p class="subHeading">Text</p> |
| p.clear |  |
Keine sichtbare Änderung erkennbar | <p class="clear">Text</p> |
| div.clear |  |
Keine sichtbare Änderung | <divp class="clear">Text</div> |
| p.blockAuth |  |
Absatz rechtsbündig mit linkem Flatterrand | <p class="blockAuth">Text</p> |
| span.autoFussn_Verweis |  |
[markierter Text in diesen Klammern sehr klein und fett] hochgestellt dargestellt |
<span class="autoFussn_Verweis">Text</span> |
| div.Headline_Fussnote |  |
Vor dem markierten Text wird das Wort Fussnote(n) muss Fußnote heißen eingefügt. Ggf. händisch ändern. Text kleiner in grau. |
<div class="Headline_Fussnote">Text</div> |
| p.auto_Fussnote |  |
Fußnoten mit fortlaufender hochgestellter Nummer und Einrückungen | <p class="auto_Fussnote">Text</p> |
| span.foot_Verweis |  |
Vor dem Text mit hochgestellter [*] und Einrückungen. Muss aber händisch unter den Textblock platziert werden. |
<span class="foot_Verweis">Text</span> |
| span.footnote |  |
Markierter Satz wird als Fußnote mit Sternchen unter dem Strich dargestellt. Muss aber händisch unter den Textblock platziert werden. |
<span class="footnote">Text</span> |
| div.FloatRight |  |
Float rechts | <div class="floatRight">Text</div> |
| p.FloatRight |  |
Float rechts | <p class="floatRight">Text</p> |
| div.FloatLeft |  |
Float links | <div class="floatLeft">Text</div> |
| p.FloatLeft |  |
Float links | <p class="floatLeft">Text</p> |
| span.Tab |  |
Zeile / Satz wird im halben Button (unten geöffnet), mit bahama- Hintergrund „herausgehoben“ dargestellt. |
<span class="Tab">Text</span> |
| span.Taste |  |
Zeile / Satz wird im Button, erhaben und mit Schatten herausgehoben dargestellt. End-</span> muss händisch gesetzt werden. |
<span class="Tab Taste"> |
| div.FlexContainer |  |
Innerhalb des <div>Text</div> wird zweispaltig geschrieben |
<div class="flexContainer">Text</div> |
| div.ImgL |  |
Block linksseitig, ca. 30% der Content-Fenster-Breite | <div class="imgL imgL">Text</div> |
| div.ImgLB |  |
Block linksseitig mit Rahmen incl. abgerundeten Ecken und Hintergrundfarbe hellgrau; ca. 30% der Content-Fenster-Breite |
<div class="imgL imgLB">Text</div> |
| div.ImgR |  |
Block rechtsseitig, ca. 30% der Content-Fenster-Breite | <div class="imgL imgR">Text</div> |
| div.ImgRB |  |
Block rechtsseitig mit Rahmen incl. abgerundeten Ecken und Hintergrundfarbe hellgrau; ca. 30% der Content-Fenster-Breite |
<div class="imgL imgRB">Text</div> |
| div.hovImg |  |
Beim Überfahren mit der Maus wird der Textblock wie hover in den Vordergrund aus dem Contentfenster herausgerückt. |
<div class="hovImg">Text</div> |
| div.horizontScrollLine |  |
||
| p.no_nocookies_text |  |
||
| p.cookies_text |  |
||
| span.tooltip |  |
||
| span.t-tiptext-unten |  |
||
| span.t-tiptext-oben |  |
||
| div.imgRB-inner |  |
||
| div.imgLB-inner |  |
||
| span.imgNrml |  |
||
| span.label-danger |  |
||
| span.label |  |
||
| body.xh_login |  |
||
| fa-li.fa-lg |  |
||
| fa.fa-pull-left |  |
||
| fa.fa-pull-right |  |
||
| fa.pull-left |  |
||
| fa.pull-right |  |
Letzte Bearbeitung: