Hallo zusammen
Ich will beim TMenu einrichten das der Zustand vom Text beim Activen Menü Rot wird. Ich bekomme es aber nicht hin, kann mir jemand helfen?
Hier der Teil vom Template
# Das Textmenü Links erstellen
MENU_LINKS = HMENU
MENU_LINKS {
entryLevel = 2
1 = TMENU
1.NO = 1
1.NO {
linkWrap = | <br />
ATagParams = class="link"
}
1.ACT <.1.NO
1.ACT.fontColor = #CC0000
1.ACT.ATagParams = class="link"
2 = TMENU
2{
NO = 1
NO.linkWrap = | <br />
NO.10.fontColor = #CC0000
NO.ATagParams = class="link"
ACT<.NO
ACT.linkWrap = | <br />
ACT.10.fontColor = #CC0000
ACT.ATagParams = class="link"
CUR <.NO
CUR.linkWrap = | <br />
CUR.10.fontColor = #CC0000
CUR.ATagParams = class="link"
}
}
Und Hier das CSS
.link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #000000;
text-decoration: none;
}
.link a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #000000;
text-decoration: none;
}
.link a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
.link a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
2 = TMENU
2{
NO = 1
NO.linkWrap = |
NO.10.fontColor = #CC0000
NO.ATagParams = class="link"
ACT <.NO
ACT.linkWrap = |
ACT.10.fontColor = #CC0000
ACT.ATagParams = class="link"
CUR <.NO
CUR.linkWrap = |
CUR.10.fontColor = #CC0000
CUR.ATagParams = class="link"
}
Tipp 1: Wenn Du ACT einsetzt, kannst Du CUR weglassen.
Tipp 2: Schreibe in Zeile 27 im TS vom 1. Post anstatt
ACT.ATagParams = class="link"
sowas rein:
ACT.ATagParams = class="link-act"
Entsprechend im CSS ergänzen. Der aktive Navigationspunkt bekommt somit eigene Klasse und Formatierung.
grüsse
noch was:
Damit wirst Du deine liebe Mühe haben. Dein TypoScript schreibt für Navigationslinks die CSS-Klassendefinition direkt in den <a>-Tag hinein(siehe dein Frontend-Quellcode). Mit erwähntem CSS wird dies nicht gehen. CSS-Thematik kann man im Netz nachlesen.
OK, danke
Aber eben das mit dem Menü funktioniert immer noch nicht. Die eigene Klasse habe ich schon einmal probiert und jetzt nochmals. Da tut sich nichts.
Weitere Ideen?
gruss klibo
klibo schrieb
Aber eben das mit dem Menü funktioniert immer noch nicht..
was heißt das genau ?
menu geht garnicht ?
die ACT funktion funzt nicht ?
und wenns gehtt mal büdde nen link posten
LG
Honk
Das Menü funktioniert.
Nur das ACT funktioniert nicht.
Hier mal den Link zur Seite
http://www.thomann-natursteine.ch/
Menü auf der Linken Seite
Um hier mal überhaupt für Übersicht zu sorgen: Was funzt? Z.B.: die Klasse hast Du korrekt ergänzt:
<a href="index.php?id=17" onfocus="blurLink(this);" class="link-act">Geologie</a>
Wie ich bereits erwähnt habe musst Du das CSS entsprechend anpassen.
.link-act {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
.link-act a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
toyde schriebnoch was:
.link a:active{
..
}
Damit wirst Du deine liebe Mühe haben. Dein TypoScript schreibt für Navigationslinks die CSS-Klassendefinition direkt in den <a>-Tag hinein(siehe dein Frontend-Quellcode). Mit erwähntem CSS wird dies nicht gehen. CSS-Thematik kann man im Netz nachlesen.
Nochmals zum mitschreiben: das Wort Cascading in CSS steht nicht nur für Verwirrung, sondern für eine Syntaxstruktur - und die ist nunmal falsch in deinem CSS-File "fileadmin/css/gtho.css". Ein bisschen HTML/CSS-Kenntnis wird bei eigener TYPO-Seite schon gefordert.
grüsse
Also das CSS habe ich so angepasst wie du gepostet hast. Das TypoScrip habe ich ebenfall angepasst.
Es funktioniert alles ausser, dass das aktive Menü nicht die definierte Farbe enthält.
.link-act {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
.link-act a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 25px;
color: #CC0000;
text-decoration: none;
}
# Das Textmenü Links erstellen
MENU_LINKS = HMENU
MENU_LINKS {
entryLevel = 2
1 = TMENU
1.NO = 1
1.NO {
linkWrap = | <br>
ATagParams = class="link"
}
1.ACT <.1.NO
1.ACT.fontColor = #CC0000
1.ACT.ATagParams = class="link-act"
2 = TMENU
2{
NO = 1
NO.linkWrap = | <br>
NO.10.fontColor = #CC0000
NO.ATagParams = class="link-act"
ACT<.NO
ACT.linkWrap = | <br>
ACT.10.fontColor = #CC0000
ACT.ATagParams = class="link-act"
}
}
Ich verstehe nicht ganz was genau beim css falsch sein sollt.
probieres mit mit a anstatt a:active
hatte dort selbst schon so meine probleme und verwende momentan in keinem einzigen meiner stylesheets ein a:active
klibo schriebAlso das CSS habe ich so angepasst wie du gepostet hast.
Ich habe kein CSS gepostet. Ich habe lediglich Deines wiederholt. (mit Bemerkung das dies nicht so funktionieren wird. Siehe 2. Post)
Aber wir können noch lange aneinander vorbeireden.
Das funktioniert nicht:
"korrekter Quellcode"
<a href="index.php?id=17" onfocus="blurLink(this);" class="link-act">Geologie</a>
Bezogen auf obigen Quellcode, falsches CSS:
.link-act a:active{
..
}
Möglichkeit 1:
Google nach CSS-Definitionen und Tutorials, und lies Dir Klassen und Pseudoformate durch.
Möglichkeit 2:
Du wrapst um ein Menüpunkt ein DIV-Tag. Die CSS-Klassen nimmst Du aus dem ATagParams raus und setzt die Klassen in den neuen DIV-Wrap um den Menüpunkt.
probieres mit mit a anstatt a:active
hatte dort selbst schon so meine probleme und verwende momentan in keinem einzigen meiner stylesheets ein a:active
Das ist relativ. Damit keine Browser zicken, benötigt eine CSS-Link-Definition die bereits 4 erwähnten Zustände. Dass Du kein Problem mit "active" hast ist nachvollziehbar, zugleich aber reiner Zufall: active steht für Hyperlinks, deren Ziel aktiv (z.B. in einem Popup-Fenster) dargestellt wird. Bei einer Navigation, die keine neuen Fenster öffnet, bleibt dies logischerweise aus.
OK, ich probiere es mal so, aber das klinkt für mich sehr kompliziert. Kannst du das nicht mal so posten, das es in dem typoScript integriert ist.
Langer Thread hier...
1. Kompliziert ist es nur, wenn man sich nicht einarbeitet. Und nein, dass Du Dich mit der Materie/Problematik auseinander setzt, kommt nicht rüber. Weil;
2. Dein TypoScript aus 1. Post:
# Das Textmenü Links erstellen
MENU_LINKS = HMENU
MENU_LINKS {
entryLevel = 2
1 = TMENU
1.NO = 1
1.NO {
linkWrap = |
ATagParams = class="link"
}
1.ACT <.1.NO
1.ACT.fontColor = #CC0000
1.ACT.ATagParams = class="link"
2 = TMENU
2{
NO = 1
NO.linkWrap = |
NO.10.fontColor = #CC0000
NO.ATagParams = class="link"
ACT<.NO
ACT.linkWrap = |
ACT.10.fontColor = #CC0000
ACT.ATagParams = class="link"
CUR <.NO
CUR.linkWrap = |
CUR.10.fontColor = #CC0000
CUR.ATagParams = class="link"
}
}
wenig vermuten lässt, dass Du tatsächlich weisst, was Du hier zusammenpostest. Nicht nur der Einsatz von CUR und ACT - sondern auch "fontColor", was kein Sinn macht. Dies ist kein TMENU-Parameter, sondern vom GMENU.
Und nein, ich werd nicht nochmals Code posten, den Du ohnehin nicht verstehst. Die Forumsuche liefert mit "wrap div" und/oder "wrap menu div" genügend funktionierende und eklärte Ergebnisse, da sehr viele Fragen bereits viele Antworten gefunden haben. Falls grundlegende Begriffe wie diese nicht verstanden werden, bietet sich ein gründliches Studium der bekannten Dokumentationen an. Z.B. diese hier im Forum im PDF-Format http://www.typo3.net/literatur_zu_typo3/
grüsse
OK, verstanden.
Der thread kann geschlossen werden. Ich suche, suche und verstehe.
Danke für die Hilfe
gruss klibo