<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="https://www.wiki.phpwcms.org/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://www.wiki.phpwcms.org/feed.php">
        <title>phpwcms-HowTo:wiki english:navigation:nav_list_ul-example</title>
        <description></description>
        <link>https://www.wiki.phpwcms.org/</link>
        <image rdf:resource="https://www.wiki.phpwcms.org/lib/images/favicon.ico" />
       <dc:date>2026-06-21T23:15:12+02:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/background-id-based?rev=1528042145&amp;do=diff"/>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/horizontal-sliding-door?rev=1528042145&amp;do=diff"/>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/multiple-column-list-from-single-list?rev=1528042145&amp;do=diff"/>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/navi-different-level?rev=1242255498&amp;do=diff"/>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/sitemap?rev=1528042145&amp;do=diff"/>
                <rdf:li rdf:resource="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/vertical-navi-side-by-side?rev=1269427488&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://www.wiki.phpwcms.org/lib/images/favicon.ico">
        <title>phpwcms-HowTo:wiki</title>
        <link>https://www.wiki.phpwcms.org/</link>
        <url>https://www.wiki.phpwcms.org/lib/images/favicon.ico</url>
    </image>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/background-id-based?rev=1528042145&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2018-06-03T18:09:05+02:00</dc:date>
        <title>Background id based</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/background-id-based?rev=1528042145&amp;do=diff</link>
        <description>Each of the three different states of a navigation (normal, hover, active) get its own background image or a color assigned.

Here shown by a simple example of a single-line navigation using the two navigations NAV_HORIZ_DD:ID,Level depth or NAV_LIST_UL (CSS).

&lt;span class=&quot;important&quot;&gt;template/img/custom/nav/*&lt;/span&gt;&lt;span class=&quot;important&quot;&gt;img/article/*&lt;/span&gt;</description>
    </item>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/horizontal-sliding-door?rev=1528042145&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2018-06-03T18:09:05+02:00</dc:date>
        <title>Horizontal  sliding door</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/horizontal-sliding-door?rev=1528042145&amp;do=diff</link>
        <description>FIXME translate




using dynamic background images.

The meaning of “dynamic bg image” better “dynamically width entry” is the width of each navigation entry.
Every entry becomes automatically the width of the text string + padding left/right. The bg images uses a sliding door technology.</description>
    </item>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/multiple-column-list-from-single-list?rev=1528042145&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2018-06-03T18:09:05+02:00</dc:date>
        <title>Multiple-Col. List from single List</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/multiple-column-list-from-single-list?rev=1528042145&amp;do=diff</link>
        <description>From an old project I have found this snippet.

The output of links from a category with several subcategories in one level in an orderly column form. The basis for this part of the program is the NAV_LIST_UL Tag.

The technology used to be seen here: 
Wrapping a single list with XHTML&lt;span class=&quot;important&quot;&gt;[MULTICOLUMNLIST:]&lt;/span&gt;&lt;span class=&quot;important&quot;&gt;[/MULTICOLUMNLIST]&lt;/span&gt;&lt;span class=&quot;important&quot;&gt;The classes ,  and  must be similar to the entries in rt_multi_column_list03.php&lt;/span&gt;&lt;span…</description>
    </item>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/navi-different-level?rev=1242255498&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2009-05-14T00:58:18+02:00</dc:date>
        <title>Navigation in different Levels</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/navi-different-level?rev=1242255498&amp;do=diff</link>
        <description>Assumption: The first navigation level is to be represented horizontal, for example in the head area of the side. The deeper levels are to be represented vertically, for example on the left side of the homepage.


Horizontal with the active level category_02 

&lt;span class=&quot;important&quot;&gt;| home  |  category_01  |  [category_02]  |  category_03  |  category_04 | &lt;/span&gt;&lt;span class=&quot;important&quot;&gt;category_02_01&lt;/span&gt;&lt;span class=&quot;important&quot;&gt;category_02_02&lt;/span&gt;&lt;span class=&quot;important&quot;&gt;category_02_03&lt;/spa…</description>
    </item>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/sitemap?rev=1528042145&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2018-06-03T18:09:05+02:00</dc:date>
        <title>Sitemap using NAV_LIST_UL</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/sitemap?rev=1528042145&amp;do=diff</link>
        <description>To represent a simple sitemap e.g. underneath “Footers” of the side  the NAV_LIST_UL can be used.




HTML:

Navi Tag:


&lt;div id=&quot;sitemap_container&quot;&gt;
  &lt;div id=&quot;sitemap_inner&quot;&gt;
    &lt;div id=&quot;sitemap_menu&quot;&gt;
    {NAV_LIST_UL:P,0}
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;</description>
    </item>
    <item rdf:about="https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/vertical-navi-side-by-side?rev=1269427488&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2010-03-24T11:44:48+02:00</dc:date>
        <title>Vertical Navi side-by-side</title>
        <link>https://www.wiki.phpwcms.org/doku.php/english/navigation/nav_list_ul-example/vertical-navi-side-by-side?rev=1269427488&amp;do=diff</link>
        <description>In order to present several vertical navigations side-by-side we can use the tag NAV_LSIT_UL multiple times.



HTML:

Navi tag:


&lt;div class=&quot;navi_head navi_145&quot;&gt;{NAV_LIST_UL:FP,3,1,act_path,active}&lt;/div&gt;
&lt;div class=&quot;navi_head navi_145&quot;&gt;{NAV_LIST_UL:FP,4,1,act_path,active}&lt;/div&gt;
&lt;div class=&quot;navi_head navi_130&quot;&gt;{NAV_LIST_UL:FP,5,1,act_path,active}&lt;/div&gt;
&lt;div class=&quot;navi_head navi_100&quot;&gt;{NAV_LIST_UL:FP,6,1,act_path,active}&lt;/div&gt;</description>
    </item>
</rdf:RDF>
