Hallo zusammen,
ich hab da ein etwas schwieriges Problems. Und zwar hab ich als Superfish-Menü (Dropdown mit jQuery-Funktionen) bei dem die Hauptpunkte Grafiken sind und die Unterpunkte Text in den Dropdownlisten sind.
Wenn ich das komplette Menü nur mit Text mach ist das kein Problem mit TS umzusetzen, allerdings hab ich Probleme das ganze mit Grafiken für die Hauptpunkte umzusetzen.
Die Grafiken werden angezeigt und das sieht auch alles so aus wies soll, nur werden die Unterpunkte jetzt nicht mehr ausgeklappt.
Hier ist mal mein bisheriges TS dazu:
### Menü ###
lib.mainMenu = HMENU
lib.mainMenu {
### Erste Ebene ###
1 = GMENU
1.wrap = <ul class="navigation">|</ul>
1.NO = 1
1.NO {
XY = 135,30
align = center
backColor = #F5F5F5
wrap = <li class="first">|<span class="access">title</span></li>|*|<li>|<span class="access">title</span></li>|*|<li class="last">|<span class="access">title</span></li>
expAll = 1
10 = TEXT
10.text.field = title
10.fontColor = #666666
10.fontFile = fileadmin/fonts/gothic.TTF
10.fontSize = 10
10.antiAlias = 3
10.offset = 0,19
10.align = center
}
1.RO < .1.NO
1.RO = 1
1.RO.10.fontColor = #5d8fb9
1.ACT < .1.NO
1.ACT = 1
1.ACT.10.fontColor = #5d8fb9
### Zweite Ebene ###
2 = TMENU
2.expAll=1
2.NO {
wrap = <ul>|</ul>
NO.allWrap = <li>|</li>
}
}
Hallo,
so schwer bis nicht zu beantworten. spiel das ganze lokal mit grafiken in der 1. Ebene durch, wenns funkt, dann vergleiche mit dem von TYPO3 erzeugten Code, wenns nicht funkt, hats auhc mit TYPo3 nichts zu tun
georg
Funktionieren tut das schon. Ich hab die Seiten schon lokal erstellt und wollt sie jetzt nur noch in Typo3 einbauen.
Wenn ich alles als TMENU mach klappt es auch. Ich will jetzt nur die Hauptmenupunkte durch Grafiken ersetzen bzw. erzeugte Grafiken.
und wo ist der unterschied zwsichen den dynamsichen grafiken, die nicht funktionieren und die version mit grafiken, die du lokal hast? wir hier können nicht raten
Lokal sieht das ganze wie folgt aus:
<ul class="navigation">
<li>
<a href="" id="punkt1"></a>
<ul>
<li><a href="#">Unterpunkt1</a></li>
<li><a href="#">Unterpunkt2</a></li>
<li><a href="#">Unterpunkt3</a></li>
</ul>
</li>
</ul>
Punkt1 ist einfach eine Hintergrundgrafik mit CSS.
In T3 sollte das ganze dann so aussehen:
<ul class="navigation">
<li>
<a href=""><img height="30" border="0" width="135" name="img52_3a32_1" alt="Punkt1" src="http://localhost/typo3/typo3temp/menu/bb6894eb08.gif" /></a>
<ul>
<li><a href="#">Unterpunkt1</a></li>
<li><a href="#">Unterpunkt2</a></li>
<li><a href="#">Unterpunkt3</a></li>
</ul>
</li>
</ul>
du hasts noch nicht verstanden..
funktioniert lokal denn variante 2?
Anscheinend versteh ichs echt nicht.
Ich hab eine Seite gebaut mit HTML/CSS/JS. Diese Seite will ich in T3 umsetzen, lokal auf Xampp.
In meiner Seite habe ich bisher die Hauptmenüpunkte mit statischen Grafiken per CSS in das Menü eingebunden.
In T3 sollen die Hauptpunkte aber dynamisch erzeugt werden. DAS klappt auch alles soweit perfekt.
Was nicht klappt ist sind die Unterpunkte als Text einzubinden, also:
<li><a href="#"><img src="..." alt="Hauptpunkt_nr_1"/></a>
<ul>
<li><a href="#">Unterpunkt1</a></li>
<li><a href="#">Unterpunkt2</a></li>
<li><a href="#">Unterpunkt3</a></li>
</ul>
</li>
Wow ich habs geschafft, dass die Unterpunkte jetzt aufgeklappen. Allerdings nur die Unterpunkte des Hauptpunktes auf dessen Seite ich bin. D.h. Bin ich auf Seite 1 funktionieren nur die Unterpunkte von Hauptpunkt 1 usw.
Es sopll aber so sein, dass auf jeder Seite immer alle Punkte ausklappbar sind :-(
Puuuh das war ne schwere Geburt ;-)
Jetzt klappts.
Großes Dankeschön
jetzt noch den ganzen code posten, dann darfst dir einen kaffee holen
georg
Here we go:
### Menü ###
lib.mainMenu = HMENU
lib.mainMenu {
### Erste Ebene ###
1 = TMENU
1.wrap = <ul class="navigation">|</ul>
1.expAll=1
1.NO = 1
1.NO {
doNotShowLink = 1
beforeImgLink = 1
beforeImg = GIFBUILDER
beforeImg {
XY = 135,30
backColor = #FFFFFF
10 = IMAGE
10=TEXT
10 {
text.field=title
fontColor = #666666
fontFile = fileadmin/fonts/gothic.TTF
fontSize = 10
antiAlias = 3
offset = 0,19
align = center
}
}
target = _top
ATagTitle = title
wrapItemAndSub = <li>|</li>
}
### Zweite Ebene ###
2 = TMENU
2.wrap = <ul>|</ul>
2.expAll=1
2.NO = 2
2.NO {
wrapItemAndSub = <li>|</li>
}
}