[TYPO3-UG NRW] Stammtisch Köln

[Pascal Szorath]

Hallo NRW Community,

ich habe ein Problem mit der Umsetzung einer Navigation in Typo3 für 
mein FE.
Ich benutzte Typo3 version 4 RC3.
Ich möchte gerne, dass meine Navigation bis zu drei Ebenen darstellen kann.
Hierfür habe ich bereits ein Template gebastelt, welches mit HTML und 
CSS gestaltet wurde.

Hier einmal der Source Code für das Template.

    * HTML

      <!-- ###HAUPT_NAVI### start -->
        <div id="navcontainer">
            <ul id="navlist">
                <li id="active"><a href="#">Portfolio</a>
                    <ul id="subnavlist">
                        <li id="subactive"><a
    href="#">Softwareskills</a></li>
                        <li><a href="#">Schulungen</a></li>
                        <li><a href="#">Projekte</a>
                            <ul id="subsubnavlist">
                            <li id="subsubactive"><a
    href="#">Diplomarbeit</a></li>
                                <li><a href="#">Projektarbeit</a></li>
                                <li><a href="#">Webseiten</a></li>
                            </ul>
                        </li>
                    </ul>
              </li>
            </ul>
            </div>
       <!-- ###HAUPT_NAVI### stop -->

    * CSS

    #navcontainer ul
    {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: verdana, arial, Helvetica, sans-serif;
    }

    #navcontainer li { margin: 0; }

    #navcontainer a
    {
        display: block;
        width: 118px;
        color: #000;
        background-color: #666666;
        text-decoration: none;
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 5px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #CCCCCC;
        border-right-color: #666666;
        border-bottom-color: #666666;
        border-left-color: #CCCCCC;
    }

    #navcontainer a:hover
    {
        color: #FFFFFF;
        background-color: #FF6600;
        text-decoration: none;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
        border-top-color: #666666;
        border-right-color: #CCCCCC;
        border-bottom-color: #CCCCCC;
        border-left-color: #666666;
    }

    #navcontainer ul ul li { margin: 0; }

    #navcontainer ul ul a
    {
    display: block;
    padding: 5px 5px 5px 15px;
    width: 113px;
    color: #000;
    background-color: #999999;
    text-decoration: none;
    font-weight: normal;
    }

    #navcontainer ul ul a:hover
    {
    color: #FFFFFF;
    background-color: #FF6600;
    text-decoration: none;
    }
    #navcontainer ul ul ul li { margin: 0; }

    #navcontainer ul ul ul a
    {
    font-size: 10px;
    display: block;
    padding: 5px 5px 5px 25px;
    width: 103px;
    color: #000;
    background-color: #CCCCCC;
    text-decoration: none;
    font-weight: normal;
    }

    #navcontainer ul ul ul a:hover
    {
    color: #FFFFFF;
    background-color: #FF6600;
    text-decoration: none;
    }

Ich habe in Typo bereits eine Navigation erfolgreich einbinden können, 
welche jedoch nur auf einer Ebene basierte.
Ich habe jetzt das problem, dass ich nicht weiss, wie ich in Typo3 mit 
typoscript dem Template klar machen kann, dass es mir alle drei ebenen 
erzeugen soll.


    * Hier mein bisheriger Tyop script Code

    tmp.SUBPARTNAVIGATION= HMENU
    tmp.SUBPARTNAVIGATION {
     wrap = <div class="navcontainer"> | </div>
     1 = TMENU
     1 {
      wrap = <ul id="navlist"> | </ul>
      NO = 1
      NO.wrapItemmAndSub = <li> | </li>
      #Hier müssten jetzt die anderen zwei ebenenen mit hinein, aber ich
    weiss nicht, wie ich dass angehen soll.
      ACT = 1
      ACT < .NO
      #wenn ein Link aktiv ist, setze die id auf active, damit die css
    datei einen anderen style benutzt.
      ACT.ATagParams = id = active
     }
    }

Wäre toll, wenn mir einer von euch an dieser stelle weiterhelfen könnte.

MfG
Pascal