NAVIGATION
This shows you the differences between two versions of the page.
|
deutsch:navigationen:nav_list_ul [2009/12/29 18:07] 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 81: | Line 81: | ||
| ===== Die vertikale Navigation ===== | ===== Die vertikale Navigation ===== | ||
| - | ------------------------------------------------- | + | |
| Die linke Seite: ##<div class="nlu_navi1">{NAV_LIST_UL:**F**,**ID**,,act_path,active}</div>## \\ | Die linke Seite: ##<div class="nlu_navi1">{NAV_LIST_UL:**F**,**ID**,,act_path,active}</div>## \\ | ||
| Line 111: | Line 111: | ||
| </div> | </div> | ||
| </code> | </code> | ||
| + | |||
| + | \\ | ||
| ==== CSS Schnipsel für ein vertikales Menü: ==== | ==== CSS Schnipsel für ein vertikales Menü: ==== | ||
| Line 430: | Line 432: | ||
| ===== Artikelnavigation ===== | ===== Artikelnavigation ===== | ||
| + | **Update:** V1.0 //(26.03.07)// -> V1.1 ab CMS V1.4.4 r387 //(03.12.2009)// \\ | ||
| + | ''- {NAV_LIST_UL} Experimentielle Unterstützung für Menüeinträge basierend auf Artikeln hinzugefügt (FA, PA, FPA).'' \\ | ||
| + | ''- Mit dem Parameter 9 kann das Start-Level //(Ebene)// für das Artikelmenü festgelegt werden.'' | ||
| + | |||
| + | {{ :deutsch:navigationen:nav_list_ul_article_fe.gif|}} | ||
| + | {{:deutsch:navigationen:nav_list_ul_article_fe01_1.gif|}} | ||
| + | ~~CLEARFLOAT~~ | ||
| + | \\ | ||
| Mit dem neuen "**A**" Parameter z.B. \\ | Mit dem neuen "**A**" Parameter z.B. \\ | ||
| Line 543: | Line 553: | ||
| ~~UP~~ | ~~UP~~ | ||
| - | \\ | + | |
| ===== Horizontals Menü: ===== | ===== Horizontals Menü: ===== | ||
| - | -------------------------- | + | |
| Horizontales Menü für eine Ebene: ##<div class="nlu_horiz1">{NAV_LIST_UL:F,ID,1,act_path,active}</div>## | Horizontales Menü für eine Ebene: ##<div class="nlu_horiz1">{NAV_LIST_UL:F,ID,1,act_path,active}</div>## | ||
| Line 558: | 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 681: | Line 694: | ||
| * 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~~ | ||
| + | |||
| + | |||
| + | ===== Kombination von horiz. & vert. Navigation ===== | ||
| - | ==== Kombination von horiz. & vert. Navigation ==== | ||
| - | --------------------------------------------- | ||
| {{:deutsch:navigationen:nav_list_ul_f_130_horiz_vert.gif|}} \\ | {{:deutsch:navigationen:nav_list_ul_f_130_horiz_vert.gif|}} \\ | ||
| Du siehst die Ausgabe für eine vertikale Sub-Ebene des aktiven Pfads //(active path).// [Ebene02] | Du siehst die Ausgabe für eine vertikale Sub-Ebene des aktiven Pfads //(active path).// [Ebene02] | ||
| - | ==== Level Lift ==== | + | ~~UP~~ |
| + | |||
| + | ===== Level Lift ===== | ||
| **Level lift** für die vertikale Navigation, beginnend in der ersten Ebene nach [Ebene02]: | **Level lift** für die vertikale Navigation, beginnend in der ersten Ebene nach [Ebene02]: | ||
| <code PHP| level lift>[PHP] | <code PHP| level lift>[PHP] | ||
| Line 708: | Line 735: | ||
| Die Grundlagen: Forum: [[http://forum.phpwcms.org/viewtopic.php?p=90950#90950|Untermenü nur bedingt anzeigen]] (German). | Die Grundlagen: Forum: [[http://forum.phpwcms.org/viewtopic.php?p=90950#90950|Untermenü nur bedingt anzeigen]] (German). | ||
| - | Für tiefere Infomationen bezgl. Ebenen und IDs schaue auch hier hinein. | + | Für tiefere Infomationen bezgl. [[deutsch/navigationen/kleine-helfer/level-lift]] schaue auch hier hinein. |
| - | * Multilingual/domain Schalter [en]: [[http://www.phpwcms.de/forum/viewtopic.php?p=83791#83791]] | + | * [[deutsch/phpwcms-system/admin/seitenstruktur/multilingual]] Schalter [en]: [[http://www.phpwcms.de/forum/viewtopic.php?p=83791#83791]] |
| * Grundlagen Ebenen und IDs [de]: [[http://www.phpwcms.de/forum/viewtopic.php?p=71772#71772]] | * Grundlagen Ebenen und IDs [de]: [[http://www.phpwcms.de/forum/viewtopic.php?p=71772#71772]] | ||