[dirvish]

Hallo,

ich möchte gerne in meinem Textmenü einen Abstand.

Dazu gibt es unter Seiteninhalte Anlegen die Möglichkeit

ABSTAND zu wählen.

Was und wie muss ich noch einfügen, damit ich meinen Abstand auch bekomme?

Viele Grüsse

[david]

Kopie aus dem Template von Installationspaket TESTSITE:

# The GMENU menu:
page.10 = HMENU
page.10.1 = GMENU
page.10.1.expAll=1
page.10.1.IProcFunc = user_IProcFuncTest
 
# Normale LINKS:
 
page.10.1.NO {
XY = [5.w],[5.h]
wrap = |<br />
5 = IMAGE
5.file = fileadmin/istate/no.png
10 = TEXT
10.text.field = nav_title // title
10.text.case=upper
10.offset = -5,25
10.align=right
10.fontSize=10
}
 
# RO = ROLLOVER LINKS
page.10.1.RO < page.10.1.NO
page.10.1.RO = 1
page.10.1.RO.5.file = fileadmin/istate/ro.png
 
# SPC = SPACER
page.10.1.SPC < page.10.1.NO
page.10.1.SPC = 1
page.10.1.SPC.5.file = fileadmin/istate/spc.png
page.10.1.SPC.10.fontColor = white

[joschiluna]

Hallo,

danke für dein script.

Aber ich komme nicht weiter.

Hier mal mein MENU im Template

<UL> <!-- ###MENU### begin --> <LI><A class=nav>Comments</A><LI> <LI><A class=nav1>Comments</A></LI> </UL> <!-- ###MENU### end -->

Dieser Subpart wird über das typoscript angesprochen

# Das Textmenü erstellen
page.10.subparts.MENU = HMENU
page.10.subparts.MENU{
special = directory
special.value = 1
1 = TMENU
1.NO = 1
1.NO.ATagParams = class="nav"
1.NO.wrap = <li>|</li>


1.ACT = 1
1.ACT < .NO
1.ACT.doNotLinkIt = 1
1.ACT.allWrap = <li id="nav">|</li> 

2 = TMENU
2.NO = 1
2.NO.ATagParams =  class ="nav1"
2.NO.linkWrap = <div style ="margin-left:10px;">|</div>
}

Mir ist es nicht klar ob ich dieses auf nav oder nav1 setzten soll.

Ich hatte gestern Abend einiges ausprobiert.

Könntest du mir bitte sagen, wo ich das Einbinden soll?

Wäre sehr nett.

Viele Grüsse

[david]

Hallo joschiluna,

wenn Du Deine Links per Liste formatierst, kann es je nach Formatierung sein, daß Du bei den gewünschten Spacern Probleme mit der Darstellung bekommst. Aber das ist ein HTML bzw. CSS Problem und kein Typo3-spezifisches.

Auch die Frage nach der Klasse (nav / nav1) ist nicht Typo3-spezifisch, allerdings macht es keinen Sinn im TS eine Unterscheidung nach Ebenentiefe zu definieren, wenn Du bei Ebene 1 die CSS-Klasse "nav" vergibst und bei der nächsten Ebene die gleiche Klasse.

Auf Ebene 2 solltest Du keine div-Elemente definieren, wenn Du auf Ebene 1 li-Elemente definierst. Das führt zu chaotischem HTML und kann nur zu unvorhersehbaren Ergebnissen führen was, was die Interpretation durch Browser betrifft, weil das (X)HTML nicht valide ist.

Bei den CSS-Klassen solltest Du Namen verwenden, die unmissverständlich sind und die Funktion der Elemente wiedergeben. Dies kann man erreichen indem man den Menu-Namen, den Level als Zahl und den Status des Elements (NO, ACT, SPC) kombiniert. Ausserdem sollten die A-Tags ohne Klasse notiert werden und die Umgebenden Elemente die Klasse zugewiesen bekommen.

Links mit dem Status ACT sollten verlinkt werden. Wenn Du verhindern willst, daß die aktuelle Seite verlinkt wird kannst Du dafür den Status CUR verwenden.

Meinen Code von gestern solltest Du nicht einbauen, sondern analysieren und dann an Deinem Skript die entsprechenden Stellen konstruktiv ändern bzw. ergänzen. Da das nicht klappt hier mal ein Menu mit Spacern:

# Das Textmenü erstellen
page.10.subparts.MENU = HMENU
page.10.subparts.MENU{
special = directory
special.value = 1
1 = TMENU
1.NO = 1
1.NO.wrap = <li class="nav1no">|</li>
 
 
1.ACT = 1
1.ACT < .NO
1.ACT.allWrap = <li id="nav1act">|</li> 
 
 
1.CUR = 1
1.CUR < .NO
1.CUR.doNotLinkIt = 1
1.CUR.allWrap = <li id="nav1cur">|</li> 
 
 
# SPACER muss mit CSS formatiert werden
1.SPC = 1
1.SPC < .NO
1.SPC.doNotLinkIt = 1
1.SPC.allWrap = <li id="nav1spc">|</li> 
 
 
# Hier wird das Menu für Level 1 in Level 2 kopiert....
2 < page.10.subparts.MENU.1
 
# und die wraps werden überschrieben:
2.NO.wrap = <li class="nav2no">|</li>
2.ACT.allWrap = <li id="nav2act">|</li> 
2.CUR.allWrap = <li id="nav2cur">|</li> 
2.SPC.linkWrap = <li style ="nav2spc">|</li>
}

[dirvish]

Hallo David,

danke für deine Tipps.

Ich habe nun meinen gewünschten Abstand hinbekommen.

page.10.subparts.MENU.1.SPC = 1
page.10.subparts.MENU.1.SPC {
   XY = 140, 20
   backColor = #000000
 }

Bin mir zwar nicht sicher, ob die Variante sehr praktisch ist,
aber es klappt.

Startseite

Ich werde deinen Rat befolgen und mir das nochmal genauer ansehen.

Viele Grüsse