[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