Hallo Zusammen,
mit Hilfe des folgenden TypoScripts wird ein Navigations-Menü erstellt, welches schon fast alle Elemente beinhaltet:
marks . MENU_TOPPAGE = COA
marks . MENU_TOPPAGE {
50 = HMENU
50 {
special = directory
special . value = {$PG_ID_MENU_TOPPAGE }
1 = TMENU
1 {
wrap = < ul class = "topmenu " id = "menu_top " > | < /ul >
expAll = 1
NO {
wrapItemAndSub = < li class = "topmenu " > | < /li >
stdWrap . htmlSpecialChars = 1
stdWrap . htmlSpecialChars . preserveEntities = 1
}
ACT < .NO
ACT = 1
ACT {
wrapItemAndSub = < li class = "topmenu_active " > | < /li >
}
}
2 < .1
2 {
wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
expAll = 1
NO {
wrapItemAndSub = < li > | < /li >
}
}
3 < .2
3 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
4 < .3
4 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
5 < .4
5 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
}
}
Die Ausgabe im HTML-Code schaut so aus:
<ul class="topmenu" id="menu_top">
<li class="topmenu_active">
<a href="index.php?id=4">
Homepage
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=14">
Test Unterseite Test langer Eintrag
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=18">
dritte Ebene
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li class="topmenu">
<a href="index.php?id=5">
Aktivitäten
</a>
</li>
<li class="topmenu">
<a href="index.php?id=7">
Was bieten wir an
</a>
</li>
<li class="topmenu">
<a href="index.php?id=11">
Spende
</a>
</li>
<li class="topmenu">
<a href="index.php?id=16">
Kontakt
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=17">
Anfahrt
</a>
</li>
<li>
<a href="index.php?id=10">
Impressum
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
Nun zu meinem Anliegen:
Falls zu einem Link weitere Untermenüs folgen, sollte das Element "a" in ein span-Element eingebettet werden. Auf diese Weise wird via css ein geeigneter Pfeil o.ä. neben dem Link platziert.
Das Ergebnis sollte ausschnittweise so aussehen:
<div class="column">
<ul>
<li>
<span>
<a href="index.php?id=14">
Test Unterseite Test langer Eintrag
</a>
</span>
<div class="submenu">
Kann mir jemand erklären, wie man feststellen kann, ob einem Menü-Eintrag weitere Sub-Einträge vorhanden sind?
mit Hilfe des folgenden TypoScripts wird ein Navigations-Menü erstellt, welches schon fast alle Elemente beinhaltet:
marks . MENU_TOPPAGE = COA
marks . MENU_TOPPAGE {
50 = HMENU
50 {
special = directory
special . value = {$PG_ID_MENU_TOPPAGE }
1 = TMENU
1 {
wrap = < ul class = "topmenu " id = "menu_top " > | < /ul >
expAll = 1
NO {
wrapItemAndSub = < li class = "topmenu " > | < /li >
stdWrap . htmlSpecialChars = 1
stdWrap . htmlSpecialChars . preserveEntities = 1
}
ACT < .NO
ACT = 1
ACT {
wrapItemAndSub = < li class = "topmenu_active " > | < /li >
}
}
2 < .1
2 {
wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
expAll = 1
NO {
wrapItemAndSub = < li > | < /li >
}
}
3 < .2
3 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
4 < .3
4 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
5 < .4
5 . wrap = < div class = "submenu " > < div class = "column " > < ul > | < /ul > < /div > < /div >
}
}
Die Ausgabe im HTML-Code schaut so aus:
<ul class="topmenu" id="menu_top">
<li class="topmenu_active">
<a href="index.php?id=4">
Homepage
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=14">
Test Unterseite Test langer Eintrag
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=18">
dritte Ebene
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</li>
<li class="topmenu">
<a href="index.php?id=5">
Aktivitäten
</a>
</li>
<li class="topmenu">
<a href="index.php?id=7">
Was bieten wir an
</a>
</li>
<li class="topmenu">
<a href="index.php?id=11">
Spende
</a>
</li>
<li class="topmenu">
<a href="index.php?id=16">
Kontakt
</a>
<div class="submenu">
<div class="column">
<ul>
<li>
<a href="index.php?id=17">
Anfahrt
</a>
</li>
<li>
<a href="index.php?id=10">
Impressum
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
Nun zu meinem Anliegen:
Falls zu einem Link weitere Untermenüs folgen, sollte das Element "a" in ein span-Element eingebettet werden. Auf diese Weise wird via css ein geeigneter Pfeil o.ä. neben dem Link platziert.
Das Ergebnis sollte ausschnittweise so aussehen:
<div class="column">
<ul>
<li>
<span>
<a href="index.php?id=14">
Test Unterseite Test langer Eintrag
</a>
</span>
<div class="submenu">
Kann mir jemand erklären, wie man feststellen kann, ob einem Menü-Eintrag weitere Sub-Einträge vorhanden sind?
Menu TypoScript
Aucun commentaire:
Enregistrer un commentaire