NAVIGATION
This shows you the differences between two versions of the page.
|
deutsch:navigationen:nav_list_ul [2010/02/06 11:05] Knut Heermann (flip-flop) |
deutsch:navigationen:nav_list_ul [2018/06/03 18:09] (current) |
||
|---|---|---|---|
| Line 2: | Line 2: | ||
| ===== NAV_LIST_UL (CSS) ===== | ===== NAV_LIST_UL (CSS) ===== | ||
| - | **{WRAP_NAV_LIST_UL:...:level, class}** | + | **{NAV_LIST_UL:...:level, class}** |
| An dieser Stelle zeige ich euch ein kleines CSS-Beispiel um die alte "nav_table_column" zu ersetzen durch die neue **NAV_LIST_UL**. | An dieser Stelle zeige ich euch ein kleines CSS-Beispiel um die alte "nav_table_column" zu ersetzen durch die neue **NAV_LIST_UL**. | ||
| Line 437: | Line 437: | ||
| {{ :deutsch:navigationen:nav_list_ul_article_fe.gif|}} | {{ :deutsch:navigationen:nav_list_ul_article_fe.gif|}} | ||
| - | {{:deutsch:navigationen:nav_list_ul_article_fe01_1.gif?300|}} | + | {{:deutsch:navigationen:nav_list_ul_article_fe01_1.gif|}} |
| ~~CLEARFLOAT~~ | ~~CLEARFLOAT~~ | ||
| \\ | \\ | ||
| Line 568: | Line 568: | ||
| * -> [[http://phpwcms.planmatrix.de/forum/navi/nlu_css_130.zip|CSS-zip-download]] | * -> [[http://phpwcms.planmatrix.de/forum/navi/nlu_css_130.zip|CSS-zip-download]] | ||
| In der Vorlage wird diese Datei nun übernommen mit **CSS Datei:** auswählen **nlu_horiz1.css** (Mehrfachauswahl mit = <strg>-"linke Maustaste" möglich). | In der Vorlage wird diese Datei nun übernommen mit **CSS Datei:** auswählen **nlu_horiz1.css** (Mehrfachauswahl mit = <strg>-"linke Maustaste" möglich). | ||
| - | [img]http://phpwcms.planmatrix.de/forum/template/template_css_file.gif[/img] | + | |
| + | {{:deutsch:navigationen:template_css_file.gif|}} | ||
| + | |||
| <code CSS|h Datei: nlu_horiz1.css|h> | <code CSS|h Datei: nlu_horiz1.css|h> | ||
| /* ================================================================= | /* ================================================================= | ||
| Line 690: | Line 693: | ||
| * “Dynamischer Breiteneintrag” (dynamically width entry) ist die Breite jedes Navigationseintrags. | * “Dynamischer Breiteneintrag” (dynamically width entry) ist die Breite jedes Navigationseintrags. | ||
| * Jeder Eintrag übernimmt automatisch die Breite des Linktextes + padding left/right. Das Hintergrundbild nutzt dazu eine Schiebetürtechnik (sliding door technology). | * Jeder Eintrag übernimmt automatisch die Breite des Linktextes + padding left/right. Das Hintergrundbild nutzt dazu eine Schiebetürtechnik (sliding door technology). | ||
| + | |||
| + | \\ | ||
| + | |||
| + | Werden für die einfache einzeilige Darstellung lediglich Trenner zwischen den Links gebraucht kann das mit dieser CSS-Anweisungen erreicht werden: | ||
| + | |||
| + | <code css> | ||
| + | li { border-left: solid 1px #000000; } | ||
| + | li:first-child { border-left: none; } | ||
| + | </code> | ||
| + | |||
| + | |||
| ~~UP~~ | ~~UP~~ | ||