Hallo!
ich bin grad ein bisschen am Verzweifeln o.O
Und zwar dreht sich alles um diese Seite:
http://typo3.gutschein-king.eu/index.php?id=10
Ich habe die Aufgabe im Praktikum, die Seite in ein CMS zu stecken, ich habe Typo3 gewählt, bin soweit vom Aussehen fast fertig, bis auf den Punkt, dass der Menüpunkt Home links alleine stehen soll und dass sich die anderen Rechts befinden (mit einem kleinen Abstand dazwischen).
Das ist die Orginalseite:
http://friedel.mivi-solutions.de/main/zukunft.php
http://typo3.gutschein-king.eu/index.php?id=5
Ich habe mich bei Google schlau gemacht, wie man ein Dropdown-Menü mit mehreren Ebenen erstellt und bin fündig geworden:
http://www.mortox.de/typo3-tipps/typoscript-sammlung/dropdown-menue-mit-3-ebenen.html
Ich habe den Code ein wenig angepasst, und herausgekommen ist das:
#übergibt das komplette Template-Rendering an TemplaVoilà
page = PAGE
page.typeNum = 0
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
#Erstellt die Hauptnavigation und packt sie in eine lib
lib.menu = HMENU
lib.submenu = HMENU
###SUBMENÜ###
temp.submenu = HMENU
temp.submenu {
1 = GMENU
1.NO = 1
1.NO {
XY = 200, 25
backColor = #231F20;
wrap = |<br>
10=TEXT
10 {
text.field=title
offset=10,15
fontColor = #FFFFFF
fontFile=fileadmin/templates/verdanab.ttf
fontSize=10
}
}
}
### Menü ###
temp.menu = HMENU
temp.menu {
1=GMENU
1 {
#Verschiebt einfach alle Menüpunkte in Markt & Börse:
wrap = <ul id="nav"> <div style="margin-right:50px"> |</div> |*|<span class="wat"> |</span> |*| | </ul>
#Funktioniert, aber eben nicht so, dass 'Home' alleine steht:
# wrap = <ul id="nav">|</ul>
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li class="menuparent">|</li>
transparentBackground = 0
XY = 150, 25
backColor = #231F20
5 = IMAGE
10=TEXT
10 {
text.field=title
offset=10,15
fontColor = #FFFFFF
fontFile=fileadmin/templates/verdanab.ttf
fontSize=10
}
}
RO <.NO
backColor = #231F20
ACT <.RO
IFSUB <.NO
IFSUB.allWrap = <li class="menuparent">|
ACTIFSUB <.RO
ACTIFSUB.allWrap = <li class="menuparent">|
ACTRO <.RO
ACTIFSUBRO <.RO
IFSUBRO <.ACTIFSUBRO
}
#Legt eine 2. Ebene an (wenn mehr Ebenen dann 3 <.1 usw.:
2 <.1
}
#Kopiert die temp-Konfigurationen in die lib
lib.menu < temp.menu
lib.submenu < temp.submenu
#Legt fest dass in der 2. Ebene begonnen wird (Submenu!)
lib.submenu.entryLevel = 1
#Einbinden des JavaScripts für das Dropdownmenü
page.headerData.120 = TEXT
page.headerData.120.value (
<script type="text/javascript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
)
Ich finde es sehr interessant, dass das Menü korrekt ausgegeben wird wenn
# wrap = <ul id="nav">|</ul>
aktiv ist, aber nicht wenn
wrap = <ul id="nav"> <div style="margin-right:50px"> |</div> |*|<span class="wat"> |</span> |*| | </ul>
benutzt wird.
Im Anhang ein Screenshot ausm Firebug, wenn die funktionierende Zeile aktiv ist.
Was ist an dem TS falsch?
Ich bitte um Hilfe 😉
Gruß,
nitramf
