Menü mit hover, active und focus anpassen
am 12.12.2010 - 20:36 Uhr in
Hallo,
ich bin dabei das ZeroPoint-Theme anzupassen und bekomme es mit dem Menü einfach nicht hin.
Ich möchte, dass das Hauptmenü in Bezug auf Linkdarstellung genauso fnktioniert wie bei DrupalCenter (hover, active).
Habe es mit Pseudo-Klassen versucht bin aber mit CSS ein Anfänger.
Hier die Ausgangssituation:
#navlist.links li, #navlinks a {
border: none;
margin: 0;
padding: 0;
}
#navlist.links a, #navlinks ul li a {
/*border: 1px solid #c4c4c4;
border-bottom: none;
padding: 5px 24px;*/
border-top: solid;
padding: 6px 52px 5px;
color: #ffffff !important;
background-color: #777;
font-weight: normal !important;
text-transform: none;
font-family: "times new roman", sans-serif, Arial, Verdana, Helvetica;
font-size: 20px;
line-height: 33px;
}
/*#navlist li a.active, #navlinks ul li a.active,*/
#navlist li a:hover, #navlinks ul li a:hover, {
color: #0033FF !important;
background-color: #ffffff !important;
text-decoration: none;
Kann mir einer helfen? Wo sollen die Klassen hin?
Riesen Dank im Voraus,
emicser
- Anmelden oder Registrieren um Kommentare zu schreiben
Wie, wo sollen die Klassen
am 12.12.2010 - 20:47 Uhr
Wie, wo sollen die Klassen hin? Die sind ja schon da.
Du meinst, wo kommt das CSS hin. In die style.css deines Themes. Da musst du schauen, ob es Anweisungen für die entsprechenden Klassen und/oder IDs schon gibt und deinen Wünschen entsprechend anpassen. Oder neu schreiben, wenn da noch nichts vorhanden ist.
Anpassen
am 12.12.2010 - 21:21 Uhr
Hei mdwp,
ich weiß wo die CSS ist. Ich habe es versucht anzupassen in dem ich die Klassen und die Eigenschaften hinzugefügt habe.
Aber irgendwie hat es nicht funktioniert. Und ich weiß auch nicht woran es gelegen hat.
Das habe ich versucht:
/*#navlist li a.active, #navlinks ul li a.active,*/ ->Was bedeutet das hier?
#navlist li a:hover, #navlinks ul li a:hover, {
color: #0033FF !important;
background-color: #1313 !important;
text-decoration: none;
}
#navlist li a:active, #navlinks ul li a:active, {
color: #0033FF !important;
background-color: #ffffff !important;
text-decoration: none;
Was ist da falsch?
Was zwischen /* und */ steht
am 12.12.2010 - 22:13 Uhr
Was zwischen /* und */ steht ist im CSS Kommentar und wird nicht ausgewertet (/* ... */ ist eine Klammer).
Beste Grüße
Werner
Auf den ersten Fehler hat
am 13.12.2010 - 00:13 Uhr
Auf den ersten Fehler hat Werner ja schon hingewiesen.
Das zweite Problem ist Folgendes:
Du darfst a:active nicht mit a.active verwechseln.
Das erste ist eine "Pseudo Klasse" die für Elemente im Browser gilt, die gerade "Aktiv" sind. Z.B. ein Link bei gedrückter Maustaste.
a.active ist eine echte Klasse. Die musst du benutzen.
In der CSS oder PHP-Datei?
am 13.12.2010 - 14:56 Uhr
Wo und wie setze ich die echte Klasse a.active und die Eigenschaften ein? In der CSS-Datei oder in der page.tpl PHP-Datei?
Möchte durch mein Unwissen die Dateien nicht beschädigen.
In die style.css
am 13.12.2010 - 15:23 Uhr
In die style.css