Suche

[netzer]

Ein Problem wurde hier ja schon behoben http://www.pragmamx.org/Forum-topic-29913.html

Wie dort auf dem Bild zu sehen (unten auch) ist das Menü grau hinterlegt wenn es ausgewählt wird beim neuen Theme. Wie bekomme ich das weg? Finde leider nix.
Die Auswahl finde ich zwar sinnvoll, aber das hinterlegen mit Grau nicht. Nur Fettt währe OK.

[Andi]

Hoi

etwas Eigeninitiative?

Installiere dir Firebug, dann kannst du sowas viel einfacher selbst rausfinden
siehe Screenshot...


http://getfirebug.com/

[netzer]

Muss ich mir mal anschauen. Evtl. besser als meine Metode:
Ausprobieren und ärgern .... dann
Ausprobieren und ärgern .... dann
Ausprobieren und ......

[netzer]

Egal was ich in der layout.css eintrage/austrage/lösche, die Farbe bei hover bzw. beim ausgewählten Punkt ändert sich nicht bzw. lässt nicht deaktivieren.

Testhalber hab ich das alles mal gelöscht. Keine Reaktion.

Code Auswählen Erweitern

#col1 .sidemenu a,
#col3 .sidemenu a {
   border-bottom: 1px solid #efe7d6;
   display: block;
   padding: 5px;
}

#col1 .sidemenu a:hover {
   background: url(../images/arrow.gif) #f5f5f5 96% 50% no-repeat;
   color: #3b475a;
}

#col1 .sidemenu li.current,
#col3 .sidemenu li.current {
   background-color: #f5f5f5;
   color: #595959;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

#col1 .sidemenu,
#col1 .sidemenu li,
#col3 .sidemenu,
#col3 .sidemenu li {
   margin: 0;
   padding: 0;
}

#col1 a:link,
#col1 .sidemenu a:visited {
   background-color: transparent;
   color: #3b475a;
   text-decoration: none;
}

[netzer]

Ich bekomms nicht hin......

[Sitki]

Hi

ergänze bsp. mal in die ./themes/blue-sand/style/layout.css

Code Auswählen Erweitern

.mx-menu li .current a {
   background-color: #FFFFFF;
}

alternativ, der Übersichtlichkeit halber die .mx-menu Deklarationen in eine eigene Datei bsp. menue.css überführen und über die style.css via @import url(menue.css); einbinden.

[netzer]

Geht leider auch nicht. Trotzdem Danke. Hab die Farbe sogar auf 000000 gestzt damits auch ein Blinder merkt

[martin b]

Hallo Netzer

In dem Screenshot von Andi ist genau die richtige Stelle aufgeführt. Wenn ich in der "layout.css" in der Zeile 244 den Farbwert für die Hintergrundfarbe ändere, funktioniert das!

Gruß
martin b

[netzer]

So siehts bei mir aus nachdem ich dies geändert hab. Wie man sieht auf 000000 (schwarz) Für Blinde, damit mans (ich) nicht übersehen kann, als Test

Code Auswählen Erweitern

#col1 .sidemenu li.current,
#col3 .sidemenu li.current {
   background-color: #000000;
   color: #000000;
   font-weight: bold;
   margin: 0;
   padding: 0;
}

Mousover nach wie vor Grau.

NACHTRAG:
Jaja, Cache leer ..... usw
Sorry, leicht genervt

[Sitki]

Hi

im Nachhinein, mit dem von mir o. genannten Style-Anweisung wird der Hintergrund für den aktuellen Link gesetzt. Richtiger wäre jedoch, eine Anweisung für den aktuellen DIV-Container zu setzen:

Code Auswählen Erweitern


.mx-menu li div.current {
   background-color: #FFFFFF;
}


da die Hintergrundfarbe des aktuellen DIV-Containers über die ./layout/default.menu.css auf das helle Grau gesetzt wird, was ja nicht gewünscht ist:

Code Auswählen Erweitern


.mx-menu li div.current {
   background-color: ___alternate-1___;
   color: inherit;
   font-weight: bold;
}


Was die separate CSS-Datei angeht, sollte das funktionieren - solange diese Änderung nur für das eine Theme gewünscht ist. Soll die Änderung für alle Themes gewünscht sein, wäre die Style-Anweisung in eine Datei ./layout/custom.menu.css zu schreiben, die dann automatisch geladen wird, so dass eine zusätzliche Import-Anweisung nicht benötigt wird.

[netzer]

DANKE für deine ausführliche Antwort. Ich setze sie heute nicht mehr um.
Mir währe es auch lieb, wenn ich in der style etwas ändere und dann funzt es. Kann sein das am Theme etwas geändert werden kann ...
Ich lebe nun mit dem vorhandenen.
Danke für euren Einsatz!

[Andi]

Hoi

CSS = cascading stylesheets
Neu definierte Anweisungen, überschreiben bereits vorhandene....

Die layout.css des themes um folgende 2 Anweisungen ergänzen und weg ist der Spuk.

Code Auswählen Erweitern

.mx-menu li div.hover,
.mx-menu li div:hover {
   background-color: transparent;
   color: inherit;
}

.mx-menu li div.current {
   background-color: transparent;
   color: inherit;
}



Sorry, in dem Screenshot hatte ich den falschen Block anvisiert.
Das war ein Modulblock, kein Menümanager Block 

[netzer]

Jepppp, so soll es sein.
Danke