Zum Inhalt springen

Menüpunkt mit Sonderzeichen

Erstellt am 2. Oktober 2007 · 8 Antworten · letzte Antwort am 4. Oktober 2007

Tags: HTML & CSS, Frage

Unbekannter Benutzer ·

Hallo,

in meinem Menü soll vor jedem Menüpunkt folgendes Sonderzeichen stehen |

zum Beispiel:
| Leistungen | Aktuelles | Karriere | ...

und wenn ich mit dem Mauszeiger über so ein Menüpunkt fahre dann sollte sich die Farbe vom Menü-Titel und vom Sonderzeichen ändern.

Mit der Wrap-Funktion in Typo3 geht das nicht, weil sich nur die Farbe vom Menü-Titel ändert und die Farbe vom Sonderzeichen bleibt schwarz.

Die einzige Möglichkeit die ich noch kenne ist, aus dem Menüpunkt ein Bild zu machen und dies bereits ins HTML-Template einzufügen, aber dies gibt dann später Probleme, wenn man das Menü um einen Menüpunkt erweitern will, weil man da dann immer ein weiteres Bild erstellen muss.

Weiß zufällig jemand wie ich dies am einfachtsen lösen kann.

SLAng ·

Dann musst du das Zeichen umschreiben, da der Wrap ja selbst die Pipe benötigt... also eben dann einfach statt der Pipe | verwenden. Dann sollte das eigentlich direkt zu dem Link gehören und auch die farbe ändern ;-)

Unbekannter Benutzer · · Beste Antwort

Mein Code sieht wie folgt aus:

marks {
	
	MENUE = HMENU
	entryLevel = 1

	MENUE.1 = TMENU
	MENUE.1.NO = 1
	MENUE.1.NO.ATagParams = class="menue"
	MENUE.1.NO.linkWrap = <font color="#FF0000">&#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp;&#124;</font>
	MENUE.1.RO = < .NO
	MENUE.1.RO.linkWrap = <font color="#FFFFFF">&#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp;&#124;</font>
	}

Für das Sonderzeichen verwende ich bereits den Unicode, was man in dem TypoScript-Ausschnitt jetzt leider nicht erkennen kann.

SLAng ·

Wo ist denn das Problem?
Ist das Problem, das die Pipe nicht angzeigt wird, oder das sich beim drarüberfahren die Farbei nicht ändert?
Dazu müsstest du natürlich das RO erstmal aktivieren... RO = 1

Unbekannter Benutzer ·

Hier nochmal der gesamte Code:

seite = PAGE
seite.stylesheet = fileadmin/template/main.css
seite.bodyTag = <body style="margin:0px;"> | </body>


seite.10 = TEMPLATE
seite.10 {
	template = FILE
	template.file = fileadmin/template/template.html
	workOnSubpart = DOCUMENT_BODY

	marks {

	MENUE = HMENU
	entryLevel = 1

	MENUE {
	1 = TMENU 
	1 {
		NO = 1
		NO.ATagParams = class="menue"
		NO.linkWrap = <font color="#FFFFFF">&#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp;&#124;</font>
		RO = 1
		RO.linkWrap = <font color="#FF0000">&#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp;&#124;</font>
		RO.ATagParams = class="menue"
		ACT = 1
		ACT.linkWrap = <font color="#00FF00">&#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp; |*| &#124;&nbsp;&nbsp;|&nbsp;&nbsp;&#124;</font>
		}
	}
	
	MAIN_CONTENT = CONTENT
	MAIN_CONTENT {
		select.languageField = sys_language_uid
		table = tt_content
		select.orderBy = sorting
		select.where = colPos = 0
		}
}
}
SLAng ·

Ich verstehe gar nicht warum du das so kompliziert mit RO versuchst...
Beim überfahren mit der Mouse, das ist doch eine CSS-Sache...

Die Class menue ist doch die Classe für die Links...

wenn also der Link normalerweise Rot sein soll, dann eben
.menue { color:#F00; }

und beim darüberfahren weis:
.menue:hover { color:#FFF; }

Dann bindest du das so in dein TS ein, ohne den font-Kram und machst mit stdWrap und optionSplit deine Links:

marks {
	MENUE = HMENU
	entryLevel = 1
	MENUE.1 = TMENU
	MENUE.1.NO.ATagParams = class="menue"
	MENUE.1.NO.stdWrap.wrap = &_#124||*|&_#124;||*|&_#124;|&_#124;
}
ArminB ·

moin,

ne andere Möglichkeit wäre mit ATagBeforeWrap = 1, dann wird linkWrap innerhalb des a-tags geschrieben:

#
linkWrap = &_#124||*|&_#124;||*|&_#124;|&_#124;
ATagBeforeWrap = 1

Armin