1. Startseite
  2. Nachrichten
  3. Herunterladen
    1. Thunderbird Release-Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta-Version
    6. Sprachpaket (Benutzeroberfläche)
    7. 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

CSS Code für Message Header Symbolleiste

    • Release Channel
  • Mapenzi
  • 27. Juli 2025 um 22:40
  • Unerledigt
  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.040
    Beiträge
    11.916
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    119
    • 27. Juli 2025 um 22:40
    • #1
    Thunderbird-Produkt
    Thunderbird für macOS
    Thunderbird-Version
    140.1.0
    Betriebssystem
    macOS 12.7.6

    Liebe Mitstreiter,

    ich arbeitete einige Jahr lang mit den folgenden CSS Code zur Anpassung der Nachrichten-Header, bei gleichzeitiger Nutzung des Add-ons CompactHeaders

    CSS
    /* :::: Message headers tweaks :::: */
    
    #msgHeaderView {
    background-color: #c9d8e2 !important;
    font-family: Palatino !important;
    font-size: 12px !important;
    font-weight: bold !important; }
    
    #header-view-toolbar {
    background: #c9d8e2 !important; }

    Die Message Headers mit der Symbolleiste sahen bislang wie folgt aus:


    Nachdem Update fehlen die Rahmen der Buttons und erscheinen nur beim Uberfahren (hover) mit der Maus:

    Das ist natürlich nicht weiter dramatisch, denn die von mir nicht versteckten Buttons werden weiterhin angezeigt und funktionieren.
    Aber ich habe mit dem Entwickler-Werkzeugkasten keinen Code gefunden, um sie wie vorher anzuzeigen.... was mich etwas sprachlos macht ?(

  • dharkness21
    Senior-Mitglied
    Reaktionen
    481
    Beiträge
    1.905
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 27. Juli 2025 um 23:32
    • #2
    Zitat von Mapenzi

    Nachdem Update fehlen die Rahmen der Buttons und erscheinen nur beim Uberfahren (hover) mit der Maus:

    Teste bitte folgendes CSS-Schnipsel.

    CSS
    #header-view-toolbar > toolbarbutton,
    #header-view-toolbar > button,
    #header-view-toolbar > toolbaritem {
        border: 1px solid #F20 !important;
    }
    #header-view-toolbar > toolbarbutton:hover,
    #header-view-toolbar > button:hover,
    #header-view-toolbar > toolbaritem:hover {
        border: 1px solid #0082FC !important;
    }

    und wech

    Dharkness

  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.040
    Beiträge
    11.916
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    119
    • 27. Juli 2025 um 23:51
    • #3
    Zitat von dharkness21

    Teste bitte folgendes CSS-Schnipsel.

    Danke für deinen Vorschlag! Leider wirkt der obere Code nur auf den Button "Antworten" ganz links. Genau dieses Ergebnis hatte ich ständig bei allen meinen verschiedenen Versuchen...

    Merkwürdigerweise brauche ich keinen Hover-Code, denn das Hovern über dieser Toolbar zeigt automatisch den jeweiligen Button mit Rahmen an.

  • Grisu2099
    Senior-Mitglied
    Reaktionen
    368
    Beiträge
    521
    Mitglied seit
    8. Okt. 2023
    Hilfreiche Antworten
    5
    • 28. Juli 2025 um 00:22
    • #4

    Teste bitte:

    CSS
    	.toolbarbutton-1.message-header-view-button:not([is="toolbarbutton-menu-button"]),
    	#hdrSmartReplyButton {
    		border: 2px ridge rgb(211,211,211) !important;
    	}
  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.040
    Beiträge
    11.916
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    119
    • 28. Juli 2025 um 00:38
    • #5
    Zitat von Grisu2099

    Teste bitte:

    Danke, das funktioniert!
    Ich brauche jetzt nur noch den Code für drei anderen Buttons erweitern und die Ecken etwas abrunden...
    Merci :thumbup:

  • Grisu2099
    Senior-Mitglied
    Reaktionen
    368
    Beiträge
    521
    Mitglied seit
    8. Okt. 2023
    Hilfreiche Antworten
    5
    • 28. Juli 2025 um 01:49
    • #6
    Zitat von Mapenzi

    die Ecken etwas abrunden...

    im obigen Code hinzufügen: border-radius: 5px !important; Den Wert je nach Geschmack anpassen... ;)

    Zitat von Mapenzi

    Code für drei anderen Buttons

    Welche Buttons noch?

Aktuelle Programmversion

  • Thunderbird 140.0.1 veröffentlicht

    Thunder 11. Juli 2025 um 04:34

Aktuelle 140 ESR-Version

  • Thunderbird 140.1.0 ESR veröffentlicht

    Thunder 22. Juli 2025 um 19:50

Aktuelle 128 ESR-Version

  • Thunderbird 128.12.0 ESR veröffentlicht

    Thunder 1. Juli 2025 um 22:16

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

Ähnliche Themen

  • UpDate von 128 ESR zu 140 ESR; AddOns, CSS und Scripts problemlos?

    • Boersenfeger
    • 11. Juli 2025 um 16:36
    • Erweiterungen
  • Buttons in Email-Bereich vergrößern - Antworten, Weiterleiten, Archivieren,....

    • augur
    • 8. Februar 2025 um 20:45
    • Manuelle Anpassungen per CSS oder Script
  • Filtern/ Selektieren von Mails mit mehreren variablen "Absendern"

    • inGrin
    • 5. Februar 2025 um 14:04
    • Filter (Regeln), Junk-Filter und Datenschutz-Optionen
  • Beende Button

    • hwww
    • 20. November 2024 um 11:19
    • Manuelle Anpassungen per CSS oder Script
  • Thunderbird - Reiter: Archivieren in der Kopfzeile reagiert nicht.

    • Neddy
    • 5. Januar 2025 um 11:14
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • TB - untere Startseite und Kopfzeilen-Reiter in weiß,keine Farbe mehr wie Verlauf oder Grau-Blau.

    • Neddy
    • 1. Juni 2024 um 19:08
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
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™