[gelöst] DropDown-Menü stylen
am 17.09.2010 - 17:18 Uhr in
Hallo,
ich habe mich gestern mit DropDown-Menüs abgekämpft (Superfish und Nice Menus). Dabei war nicht die Schwierigkeit diese einzubinden, das klappt bei beiden Modulen wunderbar! Nachdem ich mich für das Nice Menu entschieden habe (scheint kompatibler zu Browsern), wollte ich dieses nun umgestalten.
Ich habe mehre Wege ausprobiert.
- Überschreiben der bestehenden Styles in eigenem CSS-File
- Obwohl die CSS-Datei wirklich geladen wurde (im Quellcode geprüft), haben die Änderungen gar nciht gegriffen. Keine Farbänderungen, nichts :(
- Editieren der CSS-Datei innerhalb des Moduls
- Zu meinem Erstaunen hat selbst dies keine Veränderung gebracht!!!
- Ersetzen der Datei über die im Modul gelieferte Option in den Theme-Einstellungen
- Diese Option wurde im Theme Basic zwar angeboten, aber völlig ignoriert. Weder wurde die eigene Datei genutzt, noch die vom Modul bereitgestellte entfernt???
- Komplette CSS-Datei des Moduls kopieren, modifizieren und anschließend über den .info-File einbinden
- An dem Punkt hat mich dann die Motivation völlig verlassen. Die eingebundene Datei wurde einfach nicht geladen...
Als Hinweis. Ich habe im Theme Basic Die Option rebuild Theme Registry aktiviert und auch mehrfach den Cache unter Leistung geleert. Grundsätzlich ist Caching/ Optimierung für CSS und JS in der Bastelphase von mir deaktiviert worden, um solche Störeinflüsse zu vermeiden! Browser-Cache könnte ein Problem gewesen sein (Hinweis in einem anderen Thema erhalten, so es um das Caching des .info-Files geht), aber da ich in FF, Chrome, IE und Opera getestet habe, eher unwahrscheinlich. Einer dieser Browser hatte die Seite sicherlich noch nicht im internen Cache... ...
Soviel zur Vorgeschichte und da das Caching (.info-File usw.) nur beim Basteln ein Problem darstellt, will ich darauf an dieser Stelle nicht eingehen (dazu gibt es auch schon Forenthemen, gegebenenfalls nur ein kurzer Tipp oder Link falls es da eine richtige Lösung gibt), aber interessieren würde mich folgender Punkt.
Die Frage:
Ich möchte eigentlich nur das Nice-Menu nach meinen Ideen umstylen. Nicht Abstände oder sonstiges, sondern lediglich die Farben (Hintergrund, Schrift, Rahmen) oder gegebenenfalls mit einem Hintergrundbild arbeiten.
Was ist die einfachste Möglichkeit, wenn ich lediglich diese farblichen/ optischen Anpassungen machen möchte? Habt ihr schonmal getestet, welche CSS-Definitionen lediglich dafür benötigt werden?
Wie oben beschrieben, bisherige Versuche sind einfach "ignoriert" worden und wurden seltsamerweise nicht angezeigt...
- Anmelden oder Registrieren um Kommentare zu schreiben
Also ich kann nur sagen, daß
am 17.09.2010 - 17:46 Uhr
Also ich kann nur sagen, daß es bei mir funktionirt mit dem überschreiben
Wenn Du die Hinweise beim und
am 17.09.2010 - 18:40 Uhr
Wenn Du die Hinweise beim und im Modul liest, dann wirst du den Weg relativ leicht finden können.
Beim NICE MENUES Modul musst Du eine der css-Dateien kopieren und in Deine Seite oder Theme einfügen. Dann noch in den Themeeinstellungen unter ../admin/build/themes/settings den Pfad zur Datei eingeben ... und schon kannst Du die entsprechende Css-Datei nach Herzenslust abändern!
Hi Thoor, so hatte ich es ja
am 17.09.2010 - 19:15 Uhr
Hi Thoor,
so hatte ich es ja auch versucht... Die nice_menu_default.css (Schreibweise aus dem Kopf...) habe ich kopiert und auch in meinem Theme entsprechend angegeben, aber die Datei würde im Quellcode nicht angezeigt und die Änderungen auch nicht angenommen. Oder liege ich falsch, wenn ich die Datei im Quellcode erwarte?!
Abgesehen davon würde ich am liebsten nur die Farben ändern. Aber da alle Versuche gescheitert sind, die ich oben aufgezählt habe, war ich doch am zweifeln...
Ok, ich habe nun gefunden was
am 18.09.2010 - 08:56 Uhr
Ok, ich habe nun gefunden was es ist... Ich muss nicht das Menü stylen, sondern lediglich die A-Tags des Menüs! Das war mir nicht klar und wohl das ganze Problem. Ich habe nun mit dem Webdeveloper so lange am CSS gebastelt, bis ich mal eine Änderung bei Schrift-/Hintergrundfarbe gesehen habe. Zuvor hatte ich immer die Farben in den Klassen definiert, es muss aber der A-Tag direkt sein...
Denke mal hat sich somit erledigt... ...
Xeto schrieb Ich habe nun mit
am 18.09.2010 - 09:08 Uhr
Ich habe nun mit dem Webdeveloper so lange am CSS gebastelt, bis ich mal eine Änderung bei Schrift-/Hintergrundfarbe gesehen habe.
Für das nächste CSS Problem möchte ich Dir dann doch den Einsatz von Firebug und Firefox empfehlen ... Damit siehst du mit 2 Klicks, welche Anweisung in welcher Datei für eine Formatierung zuständig ist!
Tja, meine vorherigen
am 18.09.2010 - 09:20 Uhr
Tja, meine vorherigen Änderungen waren ja sicherlich an der richtigen Stelle, aber da die Links auch standardmäßig eine Hintergrundfarbe haben, hat man meine Änderungen einfach nicht gesehen... Nun bin ich schlauer. Dazu sollte man halt auch besser nichts annehmen, sondern kontrollieren. Werde wohl Webdeveloper und Firebug wesentlich häufiger einsetzen müssen ;)