Differences

This shows you the differences between two versions of the page.

--- english:navigation:nav_list_ul [2009/12/29 18:10]
Knut Heermann (flip-flop)
+++ english:navigation:nav_list_ul [2018/06/03 18:09] (current)
@@ Line 24: / Line 24: @@
 **CMS-Version:** >= V1.4.4 r387 //(03.12.2009)// \\
 **Version:** 1.1 \\
-**Update:** V1.0 //(26.03.07)// -> V1.1  ab CMS V1.4.4 r387 //(03.12.2009)// \\
+**Update:** V1.0 //(26.03.07)// -> V1.1  since CMS V1.4.4 r387 //(03.12.2009)// \\
 ''- {NAV_LIST_UL} experimental support for menu items based on articles article added (FA, PA, FPA).'' \\
 ''- Parameter 9 can be used to defined the articlemenu start level depth.''
@@ Line 77: / Line 77: @@
 <code>$phpwcms['IE_htc_hover']      = 0; // enables HTC Hover for IE < 7 - has no effect in other browsers</code> \\
-An **horizontal menu** only for one level: \\
+\\
+E.g.: An **horizontal menu** only for one level: \\
 ##<div class="nlu_horiz1">{NAV_LIST_UL:**F**,**ID**,1,act_path,active}</div>## \\
 \\
@@ Line 88: / Line 91: @@
 ===== The vertical navigation =====
--------------------------------------------------
 The left one: ##<div class="nlu_navi1">{NAV_LIST_UL:**F**,**ID**,,act_path,active}</div>## \\
@@ Line 118: / Line 120: @@
 </div>
 </code>
+\\
 ==== CSS snippet vertical menu: ====
@@ Line 430: / Line 434: @@
 {{:deutsch:navigationen:template_css_file.gif|}}
+~~UP~~
+===== Article navigation =====
+**Update:** V1.0 //(26.03.07)// -> V1.1  since CMS V1.4.4 r387 //(03.12.2009)// \\
+''- {NAV_LIST_UL} experimental support for menu items based on articles article added (FA, PA, FPA).'' \\
+''- Parameter 9 can be used to defined the articlemenu start level depth.''
+{{ :deutsch:navigationen:nav_list_ul_article_fe.gif|}}
+{{:deutsch:navigationen:nav_list_ul_article_fe01_1.gif|}}
+~~CLEARFLOAT~~
+\\
+Using the new "**A**" parameter e.g. \\
+  <div class=“nlu_navi1”>{NAV_LIST_UL:FA,ID,,act_path,active}</div>
+  <div class=“nlu_navi1”>{NAV_LIST_UL:PA,ID,,act_path,active}</div>
+  <div class=“nlu_navi1”>{NAV_LIST_UL:FPA,ID,,act_path,active,,,,2}</div>
+//(Example 3: The output of article links starts from level 2)//
+\\
+CSS menu items added since V1.4.4 r387, please insert into the above CSS file before
+<code css>/*==== END LEVEL X ============================================= */</code>
+//(at the end)//.
+<code css|h CSS-Article navigation |h>
+/* ======================================================================
+   >= V1.4.4 r387   CSS for a article navigation menu
+   <div class="nlu_navi1">{ NAV_LIST_UL:FA,0,,act_path,active }</div>
+   Level 0 - 3;
+.12.09 flip-flop (KH)
+========================================================================= */
+.nlu_navi1 ul li.asub_no a,
+.nlu_navi1 ul li.asub_no a:link,
+.nlu_navi1 ul li.asub_no a:visited,
+.nlu_navi1 ul li.asub_no a:active {
+   display: block;
+   text-decoration: none;
+   text-transform: none;
+   font-weight: normal;
+   color: #FFFFFF;
+   background: #83A1BF url(../../img/article/navi1_anorm.gif) 10px 1px no-repeat;
+   padding: 1px 0 0 25px;
+   border-bottom: 1px solid #ccc; /* IE6 Bug */
+   \width: 200px;  /* IE5x Opera <= 5 */
+   widt\h: 175px;  /* = (Width of Menu Items) - (padding-right + left) */
+}
+.nlu_navi1 ul ul li.asub_no a,
+.nlu_navi1 ul ul li.asub_no a:link,
+.nlu_navi1 ul ul li.asub_no a:visited,
+.nlu_navi1 ul ul li.asub_no a:active {
+   display: block;
+   text-decoration: none;
+   text-transform: none;
+   font-weight: normal;
+   color: #FFFFFF;
+   background: #83A1BF url(../../img/article/navi1_anorm.gif) 25px 1px no-repeat;
+   padding: 1px 0 0 40px;
+   border-bottom: 1px solid #ccc; /* IE6 Bug */
+   \width: 200px;  /* IE5x Opera <= 5 */
+   widt\h: 160px;  /* = (Width of Menu Items) - (padding-right + left) */
+}
+.nlu_navi1 ul ul ul li.asub_no a,
+.nlu_navi1 ul ul ul li.asub_no a:link,
+.nlu_navi1 ul ul ul li.asub_no a:visited {
+   display: block;
+   text-decoration: none;
+   text-transform: none;
+   font-weight: normal;
+   color: #FFFFFF;
+   background: #83A1BF url(../../img/article/navi1_anorm.gif) 40px 1px no-repeat;
+   padding: 1px 0 0 55px;
+   border-bottom: 1px solid #ccc; /* IE6 Bug */
+   \width: 200px;  /* IE5x Opera <= 5 */
+   widt\h: 145px;  /* = (Width of Menu Items) - (padding-right + left) */
+}
+/* state for the active link */
+.nlu_navi1 ul li.asub_no.active a,
+.nlu_navi1 ul li.asub_no.active a:link,
+.nlu_navi1 ul li.asub_no.active a:visited,
+.nlu_navi1 ul li.asub_no.active a:active {
+   color: White;
+   font-weight: bold;
+   background: #83A1BF url(../../img/article/navi1_aact.gif) 10px 1px no-repeat;
+}
+/* state for the active link */
+.nlu_navi1 ul ul li.asub_no.active a,
+.nlu_navi1 ul ul li.asub_no.active a:link,
+.nlu_navi1 ul ul li.asub_no.active a:visited,
+.nlu_navi1 ul ul li.asub_no.active a:active {
+   color: White;
+   font-weight: bold;
+   background: #83A1BF url(../../img/article/navi1_aact.gif) 25px 1px no-repeat;
+}
+/* state for the active link */
+.nlu_navi1 ul ul ul li.asub_no.active a,
+.nlu_navi1 ul ul ul li.asub_no.active a:link,
+.nlu_navi1 ul ul ul li.asub_no.active a:visited,
+.nlu_navi1 ul ul ul li.asub_no.active a:active {
+   color: White;
+   font-weight: bold;
+   background: #83A1BF url(../../img/article/navi1_aact.gif) 40px 1px no-repeat;
+}
+.nlu_navi1 ul li.asub_no a:hover {
+   color: White;
+   background: #6D879F url(../../img/article/navi1_ahov.gif) 10px 1px no-repeat;
+}
+.nlu_navi1 ul ul  li.asub_no a:hover {
+   color: White;
+   background: #6D879F url(../../img/article/navi1_ahov.gif) 25px 1px no-repeat;
+}
+.nlu_navi1 ul ul ul li.asub_no a:hover {
+   color: White;
+   background: #6D879F url(../../img/article/navi1_ahov.gif) 40px 1px no-repeat;
+}
+/* ===END=== Article navigation  */
+</code>
 ~~UP~~
@@ Line 437: / Line 566: @@
 ===== Horizontal menu: =====
---------------------------
 Horizontal menu only for one level: ##<div class="nlu_horiz1">{NAV_LIST_UL:F,ID,1,act_path,active}</div>##
@@ Line 572: / Line 700: @@
   * Every entry becomes automatically the width of the text string + padding left/right. The bg images uses a sliding door technology.
-~~UP~~
+\\
+If you need for the simple one-line display only a separator between the links, it can be achieved with these CSS commands:
+<code css>
+li { border-left: solid 1px #000000; }
+li:first-child { border-left: none; }
+</code>
-===============================================================================
 ~~UP~~
-=== Combination of horiz. & vert. navigation ===
----------------------------------------------
+===== Combination of horiz. & vert. navigation =====
 {{:deutsch:navigationen:nav_list_ul_f_130_horiz_vert.gif|}} \\
 You see the vertical sub output for the active path [Ebene02]
-=== Level lift ===
+~~UP~~
+===== Level lift =====
 **Level lift** for the vertical navigation, beginning at the first level behind [Ebene02]:
 <code PHP| level lift>[PHP]
@@ Line 602: / Line 741: @@
 The basics: Forum: [[http://forum.phpwcms.org/viewtopic.php?p=90950#90950|Untermenü nur bedingt anzeigen]] (German).
-Please have a look too for deeper informations about "level and IDs".
+Please have a look too for deeper informations about "[[english/navigation/little-helper/level-lift]]".
-  * Multilingual/domain switch [en]: [[http://www.phpwcms.de/forum/viewtopic.php?p=83791#83791]]
+  * [[english/phpwcms-system/admin/site-structure/multilingual]] switch [en]: [[http://www.phpwcms.de/forum/viewtopic.php?p=83791#83791]]
   * Basics Level and IDs [de]: [[http://www.phpwcms.de/forum/viewtopic.php?p=71772#71772]]

english/navigation/nav_list_ul.1262106637.txt.gz · Last modified: 2018/06/03 18:08 (external edit)

Show page Old revisions