Zum Inhalt springen

Mehrere Farben für Textlink-Menü

Erstellt am 12. September 2002 · 3 Antworten · letzte Antwort am 3. Oktober 2002

Tags: HTML & CSS, Frage

DanielM ·

Hallo!
Ich habe einen Link-Menü der ersten Ebene, und ein zweites Menü für die 2. Ebene (ebenfalls ein reines Textmenü).

Ich möchte nun verschiedene Farben für die Links in den beiden Menüs haben. Ich habe in der globalen CSS-Datei folgendes angegeben:

a:link { color: #004088 }
a:visited { color: #004088 }
a:hover { color: #ce0000 }
a:active { color: #ce0000 }

Der Typo3-Code für die Menüs sieht wie folgt aus:

subparts.MENU = HMENU
subparts.MENU.1 = TMENU
subparts.MENU.1.NO {
allWrap =   |  
}

subparts.MENU_LEVEL1 = HMENU
subparts.MENU_LEVEL1.entryLevel = 1
subparts.MENU_LEVEL1.1 = TMENU
subparts.MENU_LEVEL1.1.NO {
allWrap = <li> | </li><br><br>
}

Das erste Menü sollte nun jedoch abweichende Farbwerte von den in der CSS-Datei angegebenen Farbwerten haben: Alle Links sollten einfach nur immer weiss sein.
Dafür habe ich folgendes probiert (ohne Erfolg):
allWrap = <font face=Verdana size=2 color=white>&nbsp; | &nbsp;</font>

Wie könnte ich dies Lösen?

Danke für eure Hilfe,
Daniel

DanielM ·

Da mir hier keiner scheinbar helfen konnte, habe ich jetzt einfach das obere Menü grafisch gemacht:

subparts.MENU = HMENU
subparts.MENU.1 = GMENU
subparts.MENU.1 {
expAll=1
NO {
backColor = #004088
XY = 80, 15
10 = TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

Blacky ·

Hallo,
ich versuche ab jetzt regelmäßig auf die Postings zu antworten, sonst werden die Leute verzweifelt und denken das so etwas mit Typo gar nicht geht. Es geht aber (fast) alles 😉
Typo nimmt für die Links im Menü standardmäßig die normalen CSS-Link-Einstellungen:
a:link
a:hover
...
Du kannst aber mehrere CSS-Linkstyles anlegen:
a.menu1:link
a.menu1:hover
...
a.menu2:link
...
Diese Styles kannst Du dann im Menü so einbinden:

menu1 {
...
ATagParams = class=menu1
}

menu2 {
...
ATagParams = class=menu2
}
usw.
Gruß
Andreas Schwarzkopf
http://www.meinsystem.de

via ·

Hi, hier dein beispiel etwas fortgeführt. vielleicht hilft es anderen newbeez so wie ich einer bin 🙂

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/script2.css
page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template6.html
workOnSubpart = DOCUMENT_BODY
subparts.CONTENT < styles.content.get

subparts.CONTENT_Right < styles.content.getRight

subparts.MENU = HMENU
subparts.entrylevel = 1
subparts.MENU.1 = GMENU
subparts.MENU.1 {
expAll=0
NO {
backColor = #004088
XY = 80, 15
10 = TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

subparts.entrylevel = 2
subparts.MENU.2 = GMENU
subparts.MENU.2 {
expAll=0
NO {
backColor = #006088
XY = 80, 15
10= TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

subparts.entrylevel = 3
subparts.MENU.3 = GMENU
subparts.MENU.3 {
expAll=0
NO {
backColor = #007388
XY = 80, 15
10= TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

subparts.entrylevel = 4
subparts.MENU.4 = GMENU
subparts.MENU.4 {
expAll=0
NO {
backColor = #FF9900
XY = 80, 15
10= TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

subparts.entrylevel = 5
subparts.MENU.5 = GMENU
subparts.MENU.5 {
expAll=0
NO {
backColor = #FF6600
XY = 80, 15
10= TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

subparts.entrylevel = 6
subparts.MENU.6 = GMENU
subparts.MENU.6 {
expAll=0
NO {
backColor = #FF9966
XY = 80, 15
10= TEXT
10.text.field = title
10.fontColor = white
10.fontSize = 9
10.offset = 1, 8
10.niceText = 1
}
}

page.30 = TEXT
page.30.field = crdate
page.30.date = d-m-y H:i