Farbe verändern bei Navigation im Hauptmenu

  • snooze
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
24 Sep. 2011 17:17 - 24 Sep. 2011 17:25 #33021 von snooze
Hi Leute
Wenn ich bei meiner Homepage ( www.kibukri.ch ) im Hauptmenu mit dem Mauszeiger über die einzelnen Untermenus fahre, leuchten diese hellgrau auf. Diese hellgraue Farbe würde ich gerne ersetzen, da sie nicht zur Seite passt. Die Frage ist: Wo muss ich die entsprechende Codezeile suchen? Zudem wäre es toll, wenn die Hintergrundfarbe des ausgewählten Menupunktes nach dem Auswählen bestehen bleibt und nicht wieder verschwindet, sobald man mit dem Mauszeiger wegfährt.

Schön, aber nicht zwingend nötig, wäre zudem, wenn man die Anzeige beim Menü oben so verändern könnte, dass beim Darüberfahren mit der Maus statt "unterstreichen" der Menüpunkt ebenfalls mit einer Hintergrundfarbe aufleuchtet, so wie beim Seitenmenu.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
24 Sep. 2011 17:25 - 24 Sep. 2011 17:29 #33031 von Grazioli
Hallo,

nehme man Firefox und das Add-on "Web Developer"!

left_id01.css in Zeile 12
Code:
#leftcolumn div.module_menu a:hover { background-color: #EBE9EE; border-color: #CCCCCC; border-left: 4px solid #CCCCCC; border-width: 4px; }

grau ist #CCCCCC!

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • snooze
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
24 Sep. 2011 17:26 - 24 Sep. 2011 18:09 #33041 von snooze
Ah super, danke, werds versuchen...

EDIT: Hat super geklappt! Hab nun auch Web-Developer installiert und mich gefragt: wie hast du es bei diesem sehr umfangreichen Programm so schnell geschafft herauzufinden, dass man die Änderung im Dokument "left_id01.css" vornehmen muss?????

Und was muss ich verändern, damit die Hintergrundfarbe nach dem Anwählen des Menupunktes bestehen bleibt?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
25 Sep. 2011 09:21 #33071 von Grazioli
Wenn Du mit der rechten Maustaste auf Dein Problem klickst, steht zuunterst " Element untersuchen". Danach öffnet sich ein unten ein Fenster, in dem die CSS Eigenschaft rechts steht. Dort steht auch die CSS Datei in dem die Eigenschaft gespeichert ist.

Schau mal hier
Folgende Benutzer bedankten sich: snooze

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • snooze
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
25 Sep. 2011 12:54 #33081 von snooze
Alles klar, vielen Dank!! Allerdings hat dies dann nichts mit dem Add-On Web Developer zu tun sondern mit Firebug, richtig?

Kann mir bitte jemand noch bei dieser Frage weiterhelfen:

Und was muss ich verändern, damit die Hintergrundfarbe nach dem Anwählen des Menupunktes bestehen bleibt?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
25 Sep. 2011 15:41 - 25 Sep. 2011 15:42 #33091 von Grazioli
Ja Du hast recht, Firebug! :-

setzte mal in Deiner CSS folgendes das ganze unter #leftcolumn div.module_menu a:hover:
Code:
#leftcolumn div.module_menu a:active { background-color: #EBE9EE; border-color: #F01201; border-left: 4px solid #CCCCCC; border-width: 4px; }

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
26 Sep. 2011 07:16 #33101 von jimbo
Sorry wenn ich da in eure Diskussion reinplatze. :)
Code:
#current a { background:#feffc6; }
würde eigentlich reichen...

Gruss Dany (Jimbo)
Kein Support per PN.
Folgende Benutzer bedankten sich: snooze

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

  • snooze
  • Autor
  • Neues Mitglied
  • Neues Mitglied
Mehr
26 Sep. 2011 19:58 - 28 Sep. 2011 06:34 #33141 von snooze
Einmal mehr vielen Dank für die Top Hilfe!!! Ich hab es zuerst mit der einfacheren Codezeile von jimbo versucht, und wie man auf der HP sieht, hats auf Anhieb super geklappt!!:D


Kurz noch eine Frage an Jimbo: funktioniert deine Codezeile womöglich auch beim Top-Menu, und zwar so, dass nachher das "unterstreichen" bestehen bleibt, wenn man draufgeklickt hat?

Ich hab deine Codezeile mal intuitiv abgeändert zu:

#
current a {
background:underline;
}

Hat aber nichts gebracht. Funktioniert es doch nicht soooooo einfach ;) oder hab ich es am falschen Ort eingefügt (User 1)?

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
30 Sep. 2011 00:16 #33221 von Dragonlord

snooze schrieb: #current a {
background:underline;
}

musst Du ändern oder ergänzen zu

snooze schrieb: #topmenu a {
background:underline;
}

lg Roger

I'm the Dragonlord

Atra Gülai un Ilian tauthr ono un atra ono Waíse skölir frá Rauthr. -
Mögen Glück und Zufriedenheit Dir folgen und möge das Unheil Deinen Weg meiden.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
30 Sep. 2011 18:58 #33231 von jimbo
Sorry, aber ich würde sagen der Codeschnippsel von Dragenlord ist so nicht korrekt. Sicher funktionieren tut's mit folgender Ergänzung in der top_id01.css:
Code:
a#active_menu-nav { text-decoration:underline; }

Gruss Dany (Jimbo)
Kein Support per PN.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Moderatoren: Tribal6RePaoDragonlordChris Hoefligerpascaleadiheutschi.ch
Powered by Kunena Forum

Joomla! Verband Schweiz - Mitglied werden