[Typo3-german] GMENU_LAYERS in zentriertem Layout?
Andreas Bruckmeier
typo3 at bruckmeier.org
Thu Sep 22 11:17:31 CEST 2005
Ich wollte eben eine Layer-Navigation mit Typo3 erstellen.
Aber entweder fehlt mir ein entscheidender Hinweis oder die Funktion ist
noch nicht ganz ausgereift.
Es ist ja schön und gut wenn die Layer absolute positioniert werden, aber
das klappt nur bei Seiten die Links-zentriert sind.
Ich habe folgendes Seitendesign:
+-----+--------------------+-----+
| | HEADER-DIV | |
+-----+--------------------+-----+
| | NAVIGATION-DIV | |
+-----+--------------+-----+-----+
| | | | |
| | | | |
| | | | |
| | | | |
| | CONTENT | TEA | |
| | | SER | |
| | | | |
| | | | |
| | | | |
| +--------------+ | |
| | FOOTER | | |
+-----+--------------+-----+-----+
Die komplette mittlere Spalte ist mittels CSS zentriert.
Nun legt aber Typo3 den Layer der Level2 Navigation komplett ausserhalb an
und positoniert in absolute.
Das heisst je nach Fenstergröße liegen die Divs einfach irgendwo, also
absolut nicht zu gebrauchen.
Hat irgendjemand einen Tipp für mich? Bitte ;-)
Hab den Code mehr oder weniger aus einem Buch übernommen:
---------------------------------------------------------
includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
lib.customImageMenu = HMENU
lib.customImageMenu.1 = GMENU_LAYERS
lib.customImageMenu.1 {
layerStyle = border: 1px solid green; position: absolute; margin:
0px auto; VISIBILITY: hidden;
xPosOffset = -10
topOffset = 125
lockPosition = x
expAll = 1
displayActiveOnLoad = 1
}
lib.customImageMenu.1.NO {
backColor = white
XY = [10.w]+40, 30
5 = BOX
5.dimensions = 2, 15, 5, 1
5.color = #666666
7 = BOX
7.dimensions = 4, 13, 1, 5
7.color = #666666
10 = TEXT
10.text.field = title
10.text.case = lower
10.offset = 14, 18
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 12
10.fontColor = #666666
}
lib.customImageMenu.1.RO < lib.customImageMenu.1.NO
lib.customImageMenu.1.RO {
5.color = #e6b800
7.color = #e6b800
10.fontColor = #e6b800
}
lib.customImageMenu.1.RO = 1
lib.customImageMenu.1.ACT < lib.customImageMenu.1.NO
lib.customImageMenu.1.ACT {
1 = BOX
1.dimensions = 0, 11, 9, 9
1.color = #e6b800
3 = BOX
3.dimensions = 1, 12, 7, 7
3.color = white
7 >
}
lib.customImageMenu.1.ACT = 1
lib.customImageMenu.2 = GMENU
lib.customImageMenu.2 {
NO {
wrap = |<br />
backColor = white
XY = 120, 19
5 = BOX
5.dimensions = 0, 0, 1, 19
5.color = #cccccc
7 = BOX
7.dimensions = 0, 18, 120, 1
7.color = #cccccc
10 = TEXT
10.text.field = title
10.text.case = lower
10.fontFile = fileadmin/fonts/arial.ttf
10.fontSize = 12
10.fontColor = #666666
10.offset = 15, 13
}
RO < .NO
RO {
10.fontColor = #e6b800
}
RO = 1
ACT < .NO
ACT {
10.fontColor = #e6b800
}
ACT = 1
}
More information about the TYPO3-german
mailing list