Gelöst - GMENU Submenuebene mit wechselndem durchgehendem Hintergrund - Seite 2

**david** · #11 04.03.08, 06:39

Naja, modern ist die Lösung natürlich nur im Bezug aufs CSS (auch wenn der +-Selector schon jahrelang existiert).
Besonders toll ist die Lösung wirklich nicht.
Möglicherweise gibt's auch eine Lösung mit OptionSplit also Deinen Wraps, aber damit habe ich kaum gearbeitet und bin darin nicht so der Crack.
Ich werde mal in einem anderen Forum das Problem posten, bzw. auf diesen Beitrag verweisen.

Eventuell kannst Du auch eine Abfrage einbauen, wie denn der Klassenname vom vorherigen (übergeordneten) Navigationspunkt ist.

Funktionen zum Menu habe ich schon mehrfach eingebunden über IProcFunc in Deinem Fall über

Typoscript-Code:

1:
2:
3:
4:
5:
6:

page.includeLibs.ein_name = dein/script/pfad/dein_script.php

# ....

1 = GMENU
1.IProcFunc = function_name

Beispiele wie Du dann programmieren kannst, bzw. welche Variablen zur Verfügung stehen und zurückgegeben werden müssen findest Du unter typo3/sysext/cms/tslib/media/scripts/gmenu_layers.php oder gmenu_foldout.php. Da sind auch noch weitere Menu-Scripts in dem Ordner.

Falls Du Dich dazu entschließen würdest das Menü als TMENU zu gestalten, hättest Du auch die Option wrapItemAndSub. Meiner Ansicht nach macht es kaum Sinn, daß Du ein GMENU nimmst, da Du ja keine besondere grafische Gestaltung umsetzt und die Gestaltung beim TMENU genauso möglich wäre (siehe z.B. Home: Mutter Teresa Deutschland e.V.).
Andererseits ist Deine Aufgabenstellung durchaus interessant und eine Lösung würde mich auch interessieren.

**david** · #12 04.03.08, 08:42

Hallo Hannes,

habe den Tip bekommen in der TSref nach "submenuObjSuffixes" zu suchen.
Dort ist auch ein Ausführliches Beispiel, das meiner Ansicht nach genau das macht, was Du möchtest.

waumpada · #13 04.03.08, 09:05

Hi David,

mal ne andre Frage: schläfst Du auch mal irgendwann ;-)

Nein im Ernst, vielen Dank für Deine tollen Tipps. Ich werd mich auf Basis Deiner Infos mal schlau machen und wenn ich eine Lösung habe, poste ich sie hier natürlich.

Lg, Hannes

**david** · #14 04.03.08, 10:01

Hallo Hannes,

Zitat:

Zitat von waumpada

mal ne andre Frage: schläfst Du auch mal
irgendwann ;-)

Der Frühling steht vor der Tür, da wollte ich so lange wachbleiben, bis ich mit den Ringen unter den Augen als gut gebräunt durchgehe, obwohl ich keinen Sonnenstrahl abbekommen habe

Zitat:

Zitat von waumpada

... wenn ich eine Lösung habe, poste ich sie hier natürlich.

Super, solange bleib ich dann auf jeden Fall noch wach

just2b · #15 04.03.08, 10:16

das ganze gibts hier > typo3.org: Documentation: TSref (MENU Objects)

georg aka tippgeber ^^

waumpada · #16 10.03.08, 23:26

Hi Leute, SUPER eure TIPPS

Wir habens gemeinsam geschafft und das Problem ist gelöst (bin leider erst jetzt wieder dazugekommen mich damit zu beschäftigen). Hier sei speziell mein Dank an David "IchbrauchkeinenSchlaf" Bruchmann und auch an Georg "just2b" für ihre wertvolle Hilfe deponiert!

Wie versprochen, untenstehend meine endgültige Typo3-Scriptlösung für dieses Menü (vielleicht hilfts ja jemandem mit ähnlichem Problem:sad:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:

# Das linke Vertikalmenü erstellen
MENU_LINKS = HMENU
MENU_LINKS {

                 # Das Menü erstellen
special = directory
special.value = 44
entryLevel = 2
1 = GMENU
1.submenuObjSuffixes = a |*| b || a
1.NO = 1
1.NO {
XY = 180, 21+[16.h]
backColor = #e7f4fd
transparentColor = #e7f4fd
wrap = <div class="lmenuweiss">|</div> |*| <div class="lmenublau">|</div> || <div class="lmenuweiss">|</div>
                              # Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = _
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
                              # 10.niceText = 1
10.offset = 10, 15

                              # Image auf den Menüpunkt rendern
                              # 12 = IMAGE
                              # 12.file = fileadmin/images/muster_blau.gif
                              # 12.offset = 6, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.offset = 10, 25

                              # Hilfsebene zur Berechnung der Höhe von  Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 14
16.offset = 1000, 1000

}

                         # Roll-Over-Effekt einbauen
1.RO < .1.NO
1.RO {

                              # Roll-Over-Textfarbe
10.fontColor = #006ab3

                              # Roll-Over-Image auf den Menüpunkt rendern
                              # 12 = IMAGE
                              # 12.file = fileadmin/images/muster_blau_o.gif
                              # 12.offset = 6, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.fontColor = #006ab3
13.offset = 10, 25

}

                         # Aktuelle Seite im Roll-Over-Zustand halten
1.ACT < .1.RO

                         # Die zweite Navigationsebene weiss anlegen
2a = GMENU
2a.submenuObjSuffixes = a
2a.NO = 1
2a.NO {
XY = 180, 21+[16.h]
backColor = #e7f4fd
transparentColor = #e7f4fd
wrap = <div class="lmenuweisssub">|</div> |*| <div class="lmenuweisssub">|</div> |*| <div class="lmenuweisssub">|<br><div class="lmenuspacer"><img src="fileadmin/images/lmenu_topspacer.gif" width="20" height="3" border="0"></div></div>
                              # Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = _
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
                              # 10.niceText = 1
10.offset = 25, 15

                              # Image auf den Menüpunkt rendern
11 = IMAGE
11.file = GIFBUILDER
11.file.XY = 2, 34+[16.h]
11.file.backColor = #006ab3
11.offset = 10, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.offset = 25, 25

                              # Hilfsebene zur Berechnung der Höhe von  Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 14
16.offset = 1000, 1000

}

                         # Roll-Over-Effekt einbauen
2a.RO < .2a.NO
2a.RO {

                              # Roll-Over-Textfarbe
10.fontColor = #006ab3

                              # Roll-Over-Image auf den Menüpunkt rendern
12 = IMAGE
12.file = fileadmin/images/submenu_o.gif
12.offset = 10, 0.5

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.fontColor = #006ab3
13.offset = 25, 25

}

                         # Aktuelle Seite im Roll-Over-Zustand halten
2a.ACT < .2a.RO

                         # Die zweite Navigationsebene blau anlegen
2b = GMENU
2b.submenuObjSuffixes = b
2b.NO = 1
2b.NO {
XY = 180, 21+[16.h]
backColor = #e7f4fd
transparentColor = #e7f4fd
wrap = <div class="lmenublausub">|</div> |*| <div class="lmenublausub">|</div> |*| <div class="lmenublausub">|<br><div class="lmenuspacer"><img src="fileadmin/images/lmenu_topspacer.gif" width="20" height="3" border="0"></div></div>
                              # Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = _
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 11
                              # 10.niceText = 1
10.offset = 25, 15

                              # Image auf den Menüpunkt rendern
11 = IMAGE
11.file = GIFBUILDER
11.file.XY = 2, 34+[16.h]
11.file.backColor = #006ab3
11.offset = 10, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.offset = 25, 25

                              # Hilfsebene zur Berechnung der Höhe von  Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 14
16.offset = 1000, 1000

}

                         # Roll-Over-Effekt einbauen
2b.RO < .2b.NO
2b.RO {

                              # Roll-Over-Textfarbe
10.fontColor = #006ab3

                              # Roll-Over-Image auf den Menüpunkt rendern
12 = IMAGE
12.file = fileadmin/images/submenu_o.gif
12.offset = 10, 0.5

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.fontColor = #006ab3
13.offset = 25, 25

}

                         # Aktuelle Seite im Roll-Over-Zustand halten
2b.ACT < .2b.RO

                         # Die dritte Navigationsebene weiss anlegen
3a = GMENU
3a.NO = 1
3a.NO {
XY = 180, 13+[16.h]
backColor = #e7f4fd
transparentColor = #e7f4fd
wrap = <div class="lmenuweisssub">|</div>

                              # Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = _
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 10
                              # 10.niceText = 1
10.align = left
10.offset = 35, 8

                              # Image auf den Menüpunkt rendern
11 = IMAGE
11.file = GIFBUILDER
11.file.XY = 2, 34+[16.h]
11.file.backColor = #006ab3
11.offset = 10, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.offset = 35, 18

                              # Hilfsebene zur Berechnung der Höhe von  Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 11
16.offset = 1000, 1000

}

                         # Roll-Over-Effekt einbauen
3a.RO < .3a.NO
3a.RO {

                              # Roll-Over-Textfarbe
10.fontColor = #006ab3

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.fontColor = #006ab3
13.offset = 35, 18

}

                         # Aktuelle Seite im Roll-Over-Zustand halten
3a.ACT < .3a.RO

                         # Die dritte Navigationsebene blau anlegen
3b = GMENU
3b.NO = 1
3b.NO {
XY = 180, 13+[16.h]
backColor = #e7f4fd
transparentColor = #e7f4fd
wrap = <div class="lmenublausub">|</div>

                              # Text auf den Menüpunkt rendern
10 = TEXT
10.text.field = title
10.text.listNum = 0
10.text.listNum.splitChar = _
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 10
                              # 10.niceText = 1
10.align = left
10.offset = 35, 8

                              # Image auf den Menüpunkt rendern
11 = IMAGE
11.file = GIFBUILDER
11.file.XY = 2, 34+[16.h]
11.file.backColor = #006ab3
11.offset = 10, 0

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.offset = 35, 18

                              # Hilfsebene zur Berechnung der Höhe von  Menüpunkten
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 11
16.offset = 1000, 1000

}

                         # Roll-Over-Effekt einbauen
3b.RO < .3b.NO
3b.RO {

                              # Roll-Over-Textfarbe
10.fontColor = #006ab3

                              # Eine ggf. vorhandene zweite Menütextzeile anzeigen lassen
13 < .10
13.text.listNum = 1
13.fontColor = #006ab3
13.offset = 35, 18

}

                         # Aktuelle Seite im Roll-Over-Zustand halten
3b.ACT < .3b.RO

}

LG, Euer Hannes alias "waumpada"

**david** · #17 10.03.08, 23:57

Hy Hannes,

auch wenn der finale Tip nicht von mir stammt:
Dein Beitrag geht runter wie Heidehonig.

Und danke für den Code (bitte auf die Schreibweise achten

Suche

Userpanel