Zum Inhalt springen

Dropdownmenü mit Icons - Probleme

Erstellt am 13. April 2013 · 2 Antworten · letzte Antwort am 17. April 2013

Tags: Frage

jojoschmiddi ·

Hallo Gemeinde,

ich möchte folgenden HTML CODE den man unten sieht, als Hauptnavigation für eine Webseite verwenden:

<ul class="nav">
              <!-- Main menu -->
              <li><a href="index.html">Home #1</a></li>
              <li><a href="index1.html">Home #2</a></li>
              <!-- Navigation with sub menu. Please note down the syntax before you need. Each and every link is important. -->

              
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a>
                <!-- Submenus -->
                <ul class="dropdown-menu">
                  <li><a href="blog.html">Blog Main #1</a></li>
                  <li><a href="blog1.html">Blog Main #2</a></li>
                  <li><a href="blog2.html">Blog Main #3</a></li>
                  <li><a href="blog-ls.html">Blog Left Sidebar</a></li>
                  <li><a href="blog-ns.html">Blog No Sidebar</a></li>
                  <li><a href="blog-single.html">Blog Single</a></li>
                </ul>
              </li>

             

            </ul>

Doch irgendetwas fehlt und ich stehe komplett auf dem Schlauch. Hier mein vorläufiger Code:

lib.mainNavi = HMENU
lib.mainNavi {
  wrap = <ul class="nav">|</ul>
 
  1 = TMENU
  1 {
    expAll = 1
    noBlur = 1
    NO = 1
    NO.allWrap= <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.allWrap = <li>|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
  }
 
  2 = TMENU
  2 {
    expAll = 1
    noBlur = 1
    NO.wrapItemAndSub = <li>|</li>
    NO.stdWrap.htmlSpecialChars = 1
 
    CUR = 1
    CUR.wrapItemAndSub = <li class="dropdown">|</li>
    CUR.stdWrap.htmlSpecialChars = 1
 
    ACT = 1
    ACT < .CUR
  }
 
  }

Wie kann ich den TS Code so erstellen, dass nur die Menüeinträge mit Unterseiten mit dem dropdown-link-code anfangen (<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages #1 <b class="caret"></b></a>)?

Wer kann mir bitte zur Seite stehen?