1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta-Version
    5. Sprachpaket (Benutzeroberfläche)
    6. Wörterbücher (Rechtschreibprüfung)
  4. Hilfe & Lexikon
    1. Anleitungen zu Thunderbird
    2. Fragen & Antworten (FAQ) zu Thunderbird
    3. Hilfe zu dieser Webseite
  5. Forum
    1. Unerledigte Themen
    2. Letzte Beiträge
    3. Themen der letzten 24 Stunden
  • Anmelden
  • Registrieren
  • 
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

Menüleiste bestimmten Eintrag farbig verändern

    • 102.*
    • Windows
  • Tapo
  • 7. August 2022 um 02:04
  • Geschlossen
  • Erledigt
  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 02:04
    • #1

    Hallo,

    ich habe den Menüeintrag für die Devtools "Extras -> Entwickler-Werkzeugkasten" farbig verändert.

    Der hoover ist aber auch verändert was ich garnicht im CSS stehen habe ?

    Der hoover sollte normal bleiben.

    und wie bekomme ich den hoover wieder in Standard ?

    mein CSS (mehr habe ich garnicht stehen)

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"] {
        font-weight: 700 !important;
        color:red !important;
        }

    Rot = hoover

    Grau = Standard

  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 09:33
    • #2

    Hallo Tapo,

    ändere diesen * Eintrag dem Deinen hinzu.

    *

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"]:hover {
        background-color: #C0C0C0 !important;
        color: black !important;
    }

    Nötigenfalls musst Du noch jeweils den Farbwert noch anpassen.

    und wech

    Dharkness

  • milupo
    Gast
    • 7. August 2022 um 14:09
    • #3
    Zitat von Tapo

    hoover

    Nur so als Hinweis: Es handelt sich hier nicht um einen Staubsauger. ;-) Spaß beiseite: Du musst auf die richtige Schreibung achten, denn wenn du das Wort im CSS-Code falsch schreibst, wird der entsprechende Code natürlich nicht wirken. Und du hast das Wort gleich mehrmals falsch geschrieben, das birgt die Gefahr, dass sich das einprägt.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 14:15
    • #4
    Zitat von milupo

    Es handelt sich hier nicht um einen Staubsauger. ;) Spaß beiseite: Du musst auf die richtige Schreibung achten

    Ups, das habe ich völlig übersehen, gut das da immer jemand ist, dem so etwas dann noch auffällt, sehr schön. :thumbup:

    und wech

    Dharkness

  • milupo
    Gast
    • 7. August 2022 um 14:50
    • #5

    Das nächste Mal fällt dir ein Schreibfehler auf und dir sind bestimmt schon welche aufgefallen. Vielleicht wäre dir der Fehler aufgefallen, wenn Tapo :hover im Code gehabt hätte, du den Code übernommen hättest und dich dann gewundert hättest, warum der Code nicht funktioniert.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 15:05
    • #6

    Hallo,

    nene ist kein Staubsauger.

    Aber ich habe doch gakein hover Definiert.

    Es soll doch ohne den roten hover sein. Der Standard graue hovver reicht mir aus.

    Es sokk nur der Text eingefärbt sein und nicht wenn man mit der Maus drüber föhrt.

  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 15:13
    • #7
    Zitat von Tapo

    Es soll doch ohne den roten hover sein. Der Standard graue hovver reicht mir aus.

    Steht die Maus wirklich auf Entwickler-Werkzeuge, oder doch eher auf Entwickler-Werkzeugkasten?

    Und schon wieder falsch geschrieben, hovver ist falsch, so schleichen sich Fehler ein, Du solltest gerade bei solchen Dingen genau darauf achten, das Du sie richtig schreibst, sonst prägt sich das ein, also bitte hover verwenden.

    und wech

    Dharkness

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 15:17
    • #8

    ok Sorry für die Tippfehler.

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    mehr steht garnicht in meiner CSS drin ?

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"] {
        font-weight: 700 !important;
        color:red !important;
        }
    
    
    #menu_preferences[label="Einstellungen"] {
        font-weight: 700 !important;
        color:blue !important;
        }
  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 15:24
    • #9
    Zitat von Tapo

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    Der hover-Effekt ist von Tb vorgegeben, er erscheint bei allen Menüeinträgen, richtig?

    und wech

    Dharkness

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 15:31
    • #10
    Zitat von dharkness21
    Zitat von Tapo

    aber es bleibt dabei hover wird genommen obwohl ich das garnicht definiert habe.

    Der hover-Effekt ist von Fx vorgegeben, er erscheint bei allen Menüeinträgen, richtig?

    naja beim FX habe ich das so auch definiert und es funktioniert.

    Nur halt im Thunderbird nicht.

    Firefox

    CSS
    #webDeveloperMenu,
    #menuitem, [label="Web-Entwickler"],
    #menuitem, [label="Browser-Werkzeuge"] {
        font-weight: 700 !important;
        color: #003eaa !important;    /* Blue 70 */
        }
  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 15:34
    • #11
    Zitat von Tapo

    Nur halt im Thunderbird nicht.

    Ich war gerade vorher in meinen CSS-Voodoo vom Fx-Nightly zugange, deshalb irrtümlich das Fx. ;(

    Welches Theme verwendest Du unter Tb?

    und wech

    Dharkness

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 15:41
    • #12
    Zitat von dharkness21
    Zitat von Tapo

    Nur halt im Thunderbird nicht.

    Ich war gerade vorher in meinen CSS-Voodoo vom Fx-Nightly zugange, deshalb irrtümlich das Fx. ;(


    Welches Theme verwendest Du unter Tb?

    ist kein Beinbruch wenn man sich verennt ;)

    und zu dem Themen, da habei ch garkeins ausgewählt, steht auf Automatisch.

    achso, in FX habe ich das selbe Themen also Automatisch.

    Bilder

    • 00.png
      • 663,01 kB
      • 1.147 × 1.040
  • milupo
    Gast
    • 7. August 2022 um 15:48
    • #13
    Zitat von Tapo

    mehr steht garnicht in meiner CSS drin ?

    In deinem Startbeitrag ist ein roter Hintergrund zu sehen. Den hast du bisher in keinem deiner Codes angegeben. Also musste da noch ein weiterer Code-Schnipsel sein, der den Hintergrund rot färbt. Standard ist ein helles Grau. Ebenso ist weiter unten der Hintergrund des Menüeintrags Einstellungen blau. Auch hier sollte der Standard dieses helle Grau sein. Suche nach den fehlenden CSS-Codes.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 16:03
    • #14

    @milupo

    das mit dem hintergrund würde simmen wen ich einen Definiert hätte.

    Das habe ich aber nicht

    wenn ich einen Hintergrund Defeniere hätte würde es so aus

    CSS
    #menu_preferences[label="Einstellungen"] {
        font-weight: 700 !important;
        color:blue !important;
        background-color:orange !important;
        }

    dafür wäre der hover Effekt aber weg für diesen Menüpunkt.

    Bilder

    • 00.png
      • 366,02 kB
      • 1.886 × 1.200
  • milupo
    Gast
    • 7. August 2022 um 16:07
    • #15

    Du hast den Code in einer eigenen CSS-Datei. Hast du eventuell noch CSS-Code in der userChrome.css?

  • dharkness21
    Senior-Mitglied
    Reaktionen
    469
    Beiträge
    1.872
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 7. August 2022 um 16:07
    • #16
    Zitat von Tapo

    Das habe ich aber nicht

    Das ist nur die Datei Menüleiste.css, was steht in der userChrome.css? Wenn Du noch andere CSS-Dateien hast, was steht in denen?

    P.S.:

    Du hast noch nicht alle meine Fragen beantwortet, bitte nachholen.

    und wech

    Dharkness

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 16:23
    • #17

    hier Screenshots was ich wo stehen habe.

    Bilder

    • 00.png
      • 663,01 kB
      • 699 × 677
    • 01.png
      • 38,3 kB
      • 1.227 × 825
    • 02.png
      • 59,93 kB
      • 1.227 × 825
    • 03.png
      • 68,9 kB
      • 1.411 × 1.090
  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    525
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 7. August 2022 um 16:35
    • #18
    Zitat von dharkness21

    Hallo Tapo,

    ändere diesen * Eintrag dem Deinen hinzu.

    *

    CSS
    #devtoolsMenu[label="Entwickler-Werkzeuge"]:hover {
        background-color: #C0C0C0 !important;
        color: black !important;
    }

    Nötigenfalls musst Du noch jeweils den Farbwert noch anpassen.

    wenn ich das hinzufüge, dann würde es passen .

    Klar die Farbwerte anpassen.

    Nur ich verstehe nicht das es im Firefox ohne hover klappt und in Thunderbird muß man hover Definieren und aufpassen das man dann noch die selben Farbwerte bekommt.

  • milupo
    Gast
    • 7. August 2022 um 16:35
    • #19
    Zitat von Tapo

    dafür wäre der hover Effekt aber weg für diesen Menüpunkt.

    Der Hover-Effekt wird nicht nur durch die Hintergrund-Farbe bestimmt, sondern durch den Zusatz :hover hinter dem Selektor, siehe Beitrag #2 von dharkness21.

  • milupo
    Gast
    • 7. August 2022 um 16:37
    • #20
    Zitat von Tapo

    Nur ich verstehe nicht das es im Firefox ohne hover klappt und in Thunderbird muß man hover

    Nein, auch in Firefox musst du :hover definieren, wenn du die Eigenschaften von:hover ändern willst. Ansonsten ist :hover vordefiniert und du brauchst ihn nicht im CSS-Code angeben, wenn du dessen Eigenschaften nicht ändern willst.

Aktuelle Programmversion

  • Thunderbird 139.0.2 veröffentlicht

    Thunder 11. Juni 2025 um 17:31

Aktuelle ESR-Version

  • Thunderbird 128.11.1 ESR veröffentlicht

    Thunder 11. Juni 2025 um 17:27

Keine Werbung

Hier wird auf Werbeanzeigen verzichtet. Vielleicht geben Sie dem Website-Betreiber (Alexander Ihrig - aka "Thunder") stattdessen etwas aus, um diese Seiten auf Dauer finanzieren zu können. Vielen Dank!

Vielen Dank für die Unterstützung!

Kaffee ausgeben für:

Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Thunderbird Mail DE
  1. Impressum & Kontakt
  2. Datenschutzerklärung
    1. Einsatz von Cookies
  3. Nutzungsbedingungen
  4. Spendenaufruf für Thunderbird
Hilfe zu dieser Webseite
  • Übersicht der Hilfe zur Webseite
  • Die Suchfunktion benutzen
  • Foren-Benutzerkonto - Erstellen (Neu registrieren)
  • Foren-Thema erstellen und bearbeiten
  • Passwort vergessen - neues Passwort festlegen
Copyright © 2003-2025 Thunderbird Mail DE

Sie befinden sich NICHT auf einer offiziellen Seite der Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, XUL™ und das Thunderbird-Logo sind (neben anderen) eingetragene Markenzeichen der Mozilla Foundation.

Community-Software: WoltLab Suite™