Guten Tag,
ich bin extrem neu bei Typo3 und logischerweise kommen auch gleich Fragen.
Hier bei Mittwald habe ich eine wirklich sehr gute Anleitung finden können.
Einiges an guten Beispielen ist auch gleich dabei.
Nun bin ich da am Basteln und wollte eigentlich ein vertikales Textmenü erstellen. Bei der Anleitung findet man das nur als grafisches Menü.
Geht das als reines Textemenü überhaupt?
Und gleich die nächste Frage:
Wie kann ich das vertikale Textemenü pro klick auf das horizontale Menü austauschen?
Soll heißen, es klickt der User auf den Link Home im horizomtalen Menü und bekommt im linken Textmenü Menü1-2 zusehen.
Klickt er auf horizontal Link Kontakt soll er links eine andere Menüleiste erhalten. Und so weiter.
Danke für Eure Hilfe.
Androllie
schönen Tag Androllie,
viel Spaß mit TYPO3, alle Anfag ist schwer, aber bei TYPO3 macht es viel Spaß
hier ein Link zu deiner Frage, innerhalb dieses Forums, vielleicht hilft es.
#39892
LG & ciao
Hi thowe,
danke für den Link, muss ich noch durch arbeiten.
Aber das hilft mir noch nicht bei meinem vertikalen Textmenü.
Vielleicht hat hier einer noch ein paar nette Seiten und Informationen für mich.
Danke
Hallo Androllie,
ich mache sowas in etwa so:
Menu 1. Ebene erstellen für das horizontale Menu:
tmp.naviMain = COA
tmp.naviMain {
20 = HMENU
20 {
1 = TMENU
1 {
NO {
ATagTitle.field = subtitle // abstract
allWrap = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
stdWrap.htmlSpecialChars = 1
}
ACT < .NO
ACT = 1
ACT {
ATagParams = class="act"
}
}
}
wrap = <ul id="naviMain">|</ul>
}
page.10.marks.NAVI_MAIN < tmp.naviMain
Menu 2. und mehr Ebenen erstellen für die linke Seite:
# NaviMain Ebene 2+
tmp.naviMain2 = HMENU
tmp.naviMain2 {
entryLevel = 1
1 = TMENU
1 {
wrap = <ul id="naviMain2">|</ul>
NO {
ATagTitle.field = title // subtitle // abstract
wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
stdWrap.htmlSpecialChars = 1
ATagParams = class="level1"
}
ACT < .NO
ACT = 1
ACT {
ATagTitle.field = title // subtitle // abstract
wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
stdWrap.htmlSpecialChars = 1
ATagParams = class="level1 act"
}
ACTIFSUB < .NO
ACTIFSUB = 1
ACTIFSUB {
ATagParams = class="level1 act" |*| class="level1 sub act" |*| class="level1 sub last act"
}
IFSUB < .NO
IFSUB = 1
IFSUB {
ATagParams = class="level1 sub" |*| class="level1 sub" |*| class="level1 sub last"
}
}
2 = TMENU
2 {
wrap = <ul>|</ul>
NO {
ATagTitle.field = title // subtitle // abstract
wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
}
ACT < .NO
ACT = 1
ACT {
ATagParams = class="act"
}
}
3 = TMENU
3 {
wrap = <ul>|</ul>
NO {
ATagTitle.field = title // subtitle // abstract
wrapItemAndSub = <li class="first">|</li> |*| <li class="middle">|</li> |*| <li class="last">|</li>
}
ACT < .NO
ACT = 1
ACT {
ATagParams = class="act"
}
}
}
page.10.marks.NAVI_MAIN2 < tmp.naviMain2
Horizontal und Vertikal regelt sich dann einfach per CSS:
#naviMain {
margin: 0;
padding: 0;
list-style: none;
}
#naviMain li {
margin: 0 1em 0 0;
padding: 0;
display: inline; /* oder float: left; */
}
Minimaler sieht das so aus:
page.10.marks.NAVI_MAIN = HMENU
page.10.marks.NAVI_MAIN {
wrap = <ul id="naviMain">|</ul>
1 = TMENU
1.NO.allWrap = <li>|</li>
1.ACT < .NO
1.ACT.ATagParams = class="act"
}
page.10.marks.NAVI_MAIN2 = HMENU
page.10.marks.NAVI_MAIN2 {
entryLevel = 1
1 = TMENU
1 {
wrap = <ul id="naviMain2">|</ul>
NO.wrapItemAndSub = <li>|</li>
ACT < .NO
ACT = 1
ACT.ATagParams = class="act"
}
2 = TMENU
2 {
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
ACT < .NO
ACT = 1
ACT.ATagParams = class="act"
}
3 = TMENU
3 {
wrap = <ul>|</ul>
NO.wrapItemAndSub = <li>|</li>
ACT < .NO
ACT = 1
ACT.ATagParams = class="act"
}
}
Die Trennung der Ebenen erfolgt mir "entryLevel".