Hallo,
hab auf meiner Website ein TMENU eingebaut. Das Menü besteht aus 4 Ebenen, wobei lediglich 2 im Menü sichtbar sind.
Nun stellt sich mir die Frage wo ich die einzelnen Zustände (Normal, Mouseover usw) des Menüs festlegen soll. Im TypoSkript oder im CSS?
Wie habt ihr das gelöst. Könnte jemand vielleicht seine Codeschnippsel posten?
Wäre super.
DANKE
Bengah
am besten du legst die formatierung des tmenus im stylesheet fest
Hallo, danke für deine schnelle antwort...allerdings hab ich rießen Probleme mit der Formatierung des TMENU durch CSS.
ich poste mal meinen Code, ich weiss ich hab sicherlich Fehler drin...is auch mein erstes Typo-Projekt:
Also hier mal der Typo Code (TMENU Teil)
1 = TMENU
1.NO = 1
1.NO.wrap = <ul>|</ul>
1.NO.linkWrap = <li>|<br></li>
RO < .NO
ACT < .RO
1.ACT = 1
1.ACT.wrap = <ul>|</ul>
1.ACT.linkWrap = <li><b>|<br></b></li>
2 = TMENU
2.NO = 1
2.NO.wrap = <ul>|</ul>
wrap = <ul>|</ul>
2.NO.linkWrap = <li> |<br>|*| |<br>|*| |<br><br></li>
3 = TMENU
3.NO = 1
3.NO.wrap = <ul>|</ul>
wrap = <ul>|</ul>
3.NO.linkWrap = <li> |<br>|*| |<br>|*| |<br><br></li>
hier mein CSS (nur der Menüteil)
#menu {
margin-left: 0px;
padding-left: 0px;
margin-top: 10px;
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
#menu a{
font-size: 0.9em;
font-weight:500;
text-decoration:none;
color:#000000;
}
#menu a:active {
font-size: 0.9em;
font-weight:500;
text-decoration:underline;
color:#cccccc;
}
#menu a:hover {
font-size: 0.9em;
font-weight:500;
text-decoration:underline;
background-color: #ffffff
color:#000000;
}
#menu ul {
margin-left: 0px;
padding-left: 10px;
font-weight: bold;
color: #000000;
list-style-position: outside;
list-style-type: none;
}
#menu ul ul{
margin-left: 0px;
padding-left: 10px;
font-weight: normal;
color: #000000;
font-size: 0.9em;
}
.menu {
margin-top: 10px;
background-color: #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #202B5F;
background-color: #C8D7E3;
}
Also die Unterstreichung bei Mouseover haut hin, aber ansonten haut nix hin. Irgendwie steh ich voll auf dem schlauch. Wäre super mir jemand helfen könnte
Danke Dir
Bengah
Such nach ATagParams
Und benutze die Code-Tags des Forums, wenn Du html-Code postest. 😉
Hi...
Jo sorry hab das vergessen zu nutzen....sche*** stress.
Also ich hab meinen Typo-Code um folgende Zeile erweitert:
1.NO.ATagParams = class="menu"
So nun funktioneren auch die hover-Effekte. Allerdings bleibt der aktive Zustand nicht, sonder kehrt nach anklicken eines Menüpunkts wieder in den "normalen" Zustand zurück.Pure Verzweiflung macht sich breit *schrei* o.O
Vielleicht hat noch jemand einen Tip. #paralyzed#
Danke
Bengah
deine klassen müssen so aussehen:
.menu:link {}
.menu:hover {}
.menu:active {}
.menu:visited {}
hi.
hab ich gemacht. Problem jetzt die Menüpunkte auf Level 1bleiben immer auf der Schriftfarbe schwarz. egal was ich eingebe. Die Menüpunkte in Level 2 manchmal auch, bei anderen Menüoberpunkten nimmt nur der letzte Menüpunt die neue Schriftfarbe an, wiederum sind alle Menüpunkte andere Oberpunkte mit der korrekten schriftfarbe belegt. Schön langsam bricht echt die pure Verzweiflung aus, und das am Freitag nachmittag.
Muss ich eigentlich im Typo-Script mit CUR, ACT usw hantieren? Wenn ja, was muss da rein?
DDDDAAAANNNNKKKEEEE
hi.
@Dander:
Meines Wissens nach ist die konforme Reihenfolge die hier:
.menu:link {}
.menu:visited {}
.menu:hover {}
.menu:active {}
@Bengah:
CUR steht für current und heisst "momentan". Damit wird der momentane Link definiert.
ACT steht für aktive Links im TMENU/GMENU.
Du brauchst für ein TMENU eigentlich nur ACT und NO. Die Hover-Effekte werden ja dann bei Beiden per CSS gesteuert.
Tipp @hover. Nicht RO für TMENU's verwenden, dieses Attribut gibt's nur in GMENU. Rollover/Hover wie gesagt mit CSS.
bye leutz