Hallo zusammen,
ich hab zwar schon ein wenig in Typo3 gebastelt und vieles selbst gelöst, folgende Frage möchte ich dennoch mal an die Profis richten: ich möchte in Typo3 Version 3.8.0 gerne eine Layernavigation realisieren. Im linken Bereich des Frontends habe ich dazu meine Hauptnavigationspunkte. Wenn ich nun mit der Maus drüberfahre, soll - immer auf Höhe des berührten Navigationspunktes - rechts daneben eine Liste der zugeordneten Unternavigationspunkte in einem Layer erscheinen. Ist so etwas in Typo3 realisierbar?
Skizze:
Hauptpunkt1 - Subnav1
---------------- Subnav2
---------------- Subnav3
(ohne die Platzhalterstriche vomn linken Rand denken!)
Hauptpunkt2
Hauptpunkt3
Vielen Dank für alle Anregungen!!
Jetzt hat ich schon ne Antwort und hab im Subjekt überlesen daste schon mit GMENU Layers gearbeitet hast. Im Prinzip must Du ja nur das Offset so verschieben das es passt ... imho
Oder die Eigenschaften
relativeToTriggerItem
relativeToParentLayer
auf 1 setzen. Wobei dies dann bei mir mit Opera 8.5 Probleme gab.
Hallo The Maverick,
also irgendwie komm ich mit den GMENU_LAYERS überhaupt nicht zurecht. Selbst, wenn ich das Beispiel aus der Typo3-Doku abtippe hab ich schon total irrsinnige Effekte (doppelte Links, einmal grafisch, einmal als Text,...).
Man hat mir gesagt, dass der von mir gewünschte Effekt auch als CSS-Menü umsetzbar sei. Kannst Du mir hierfür vielleicht einen Link zu nem Tutorial o.ä. geben?
Vielen Dank!
Also, ich hab gerade so´n Ding erstellt - hab´s allerdings ohne css im setup gemacht.
Kann dir hier mal meine setup-Einträge einfügen - nur ist das ding leider noch nicht völlig fertig. Irgendwas fehlt da noch. (Sieht man auf den ersten Blick gar nicht.)
Wenn ich nämlich in die Untereiten gehe, zeigt das Menü immer an derstelle eine weiße Fläch, an der das Menü aufgeklappt ist.
Kannst dir angucken unter
www.cgmuelheim.de
Und hier mein setup:
#Hauptnavigationseigenschaften
marks.MENU_MAIN = HMENU
marks.MENU_MAIN {
entryLevel = 0
1 = GMENU_LAYERS
1{
max=1100
useLargestItemX=1
useLargestItemY=1
layerStyle = position:absolute;VISIBILITY:hidden;
topOffset=20
leftOffset=0
xPosOffset =-16
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
NO{
XY = 130, 20
backColor = #7DA2C4 || #7DA2C4 || #7DA2C4 || #7DA2C4 || #7DA2C4 ||
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 12
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.offset = 5, 14
10.niceText = 1
wrap = <td class="navi_inside"> | </td>
}
RO < .NO
RO = 1
RO {
10.fontColor = #0C58A6|| #0C58A6
10.fontFace = fileadmin/fonts/verdana.ttf
}
CUR < .NO
CUR = 1
CUR.10.fontColor = #0C58A6|| #0C58A6
10.fontFace = fileadmin/fonts/verdana.ttf
}
2 = GMENU_LAYERS
2{
layerStyle = position:absolute;width:190px;VISIBILITY:hidden;
useLargestItemX=1
topOffset=0
leftOffset=100
xPosOffset =-50
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
NO{
XY = 130, 20
backColor = #5082AF
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 12
10.fontColor = #ffffff
10.fontFile = fileadmin/fonts/verdana.ttf
10.offset = 5, 14
10.niceText = 1
wrap = <td class="navi_inside"> | </td>
}
ACT=1
ACT{
linkWrap=<strong>|</strong><br />
}
}
3 = GMENU_LAYERS
3{
layerStyle = position:absolute;width:190px;VISIBILITY:hidden;
topOffset=0
leftOffset=100
xPosOffset =-50
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
NO{
XY = 120, 20
backColor = #3F6788
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 12
10.fontColor = #ffffff
10.fontFile = fileadmin/fonts/verdana.ttf
10.offset = 5, 14
10.niceText = 1
wrap = <td class="navi_inside"> | </td>
}
ACT=1
ACT{
linkWrap=<strong>|</strong><br />
}
}
4 = GMENU_LAYERS
4{
layerStyle = position:absolute;width:190px;VISIBILITY:hidden;
topOffset=0
leftOffset=100
xPosOffset =-50
lockPosition = x
expAll=1
relativeToParentLayer=1
relativeToTriggerItem=1
hideMenuWhenNotOver=1
NO{
XY = 120, 20
backColor = #000000
10 = TEXT
10.text.field = title
10.align = left
10.fontSize = 12
10.fontColor = #ffffff
10.fontFile = fileadmin/fonts/verdana.ttf
10.offset = 5, 14
10.niceText = 1
wrap = <td class="navi_inside"> | </td>
}
ACT=1
ACT{
linkWrap=<strong>|</strong><br />
}
}
}
Vielleicht hat jemand ne Idee, was da noch fehlt?