Inhalt Auf/Zuklappen. Die Anleitung öffnet sich mit Klick darauf
Beispiel Inhalt Auf/Zuklappen mit dem gleichen TAG
Anleitung:
<div class="to-toggle">
mit dem TAG der classe "to-toggle" starten wir
<span class="to-open to-close">gleicher TAG Auf/Zuklappen</span>
für das Auf/Zuklappen ist die classe "to-open to-close" zuständig
<div class="to-content">
Der TAG der Auf/Zuklappen soll erhält die classe "to-content"
Das ist der Inhat den mann Auf/Zuklappen kann
</div>
</div>
Inhalt Zuklappen mit dem CLOSE TAG
Beispiel Inhalt Aufklappen mit dem OPEN TAG
Anleitung:
<div class="to-toggle">
mit dem TAG der classe "to-toggle" starten wir
<span class="to-open">TAG Aufklappen</span>
für das Aufklappen ist die classe "to-open" zuständig
<span class="to-close">TAG Zuklappen</span>
für das Zuklappen ist die classe "to-close" zuständig
<div class="to-content">
Der TAG der Auf/Zuklappen soll erhält die classe "to-content"
Das ist der Inhat den mann Auf/Zuklappen kann
</div>
</div>
Beispiel Inhalt Auf/Zuklappen mit
Automatisch erzeugten TAG für das Auf/Zuklappen
Anleitung:
<div class="to-auto-content">
Der TAG der Auf/Zuklappen soll erhält die classe "to-auto-content"
Das ist der Inhat den mann Auf/Zuklappen kann
</div>
Das wars mehr ist nicht nötig
<table width="100%" class="do-table">
<th colspan="2"> </th> |
<td width="30%"> </td> |
|
<td class="do-no-td" colspan="2"> </td> |
<td class="do-td-top"> </td> |
|
<td class="do-td-top do-td-center"> </td> |
|
<td class="do-td-center"> </td> |
|
<p class="do-separate"> </p>
<p class="do-separate do-space-top"> </p>
<p class="do-indent"> </p> Text einrücken
<div class="do-p-tag"></div> damit ein DIV sich wie ein P TAG verhält
<span class="do-rot">Roter Text</span>
<p class="do-info-box"> </p>
<p class="do-info-box do-after-br"> </p>
<p class="do-error-box"> </p>
{MODUL_mozilo_tabs_home}
<div class="do-arrow-warp">{IMG_docu_help}
<div class="do-arrow-up-nr" style="top:0;left:23px;">1</div>
<div class="do-arrow-left-nr" style="top:55px;left:373px;">2</div>
</div>
Die Position der Pfeile wird über die Werte top und left gesteuert
Wichtig ist nur das ein div mit der classe "do-arrow-warp" drumherum ist
Bei den classen mit "-nr" am ende kann in dem div eine Zahl benutzt werden
1Der Punkt dazu <b class="do-arrow-point">1</b>
1Der Punkt im <p class="do-arrow-point-box"><b class="do-arrow-point">2</b>
mehrzeiligem Text</p>
Folgende Pfeile (classen) gibt es:
do-arrow-up-nr = Pfeil nach oben mit Zahl
do-arrow-down-nr = Pfeil nach unten mit Zahl
do-arrow-left-nr = Pfeil nach links mit Zahl
do-arrow-right-nr = Pfeil nach rechts mit Zahl
do-arrow-up = nur Pfeil nach oben
do-arrow-down = nur Pfeil unten oben
do-arrow-left = nur Pfeil links oben
do-arrow-right = nur Pfeil rechts oben
do-arrow-bogen-nr = Bogen Pfeil nach links unten