1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 128 ESR
    3. Thunderbird 115 ESR
    4. Thunderbird Beta Version
    5. Language Pack (User Interface)
    6. Dictionaries (Spell Check)
  4. Help & Lexicon
    1. Instructions for Thunderbird
    2. Questions & Answers (FAQ) about Thunderbird
    3. Help for this Website
  5. Forums
    1. Unresolved Threads
    2. Latest Posts
    3. Threads of the last 24 hours
  • Login
  • Register
  • 
  • Search
This Thread
  • Everywhere
  • This Thread
  • This Forum
  • Forum
  • Lexicon
  • Articles
  • Pages
  • More Options
  1. Thunderbird Mail DE
  2. Forum
  3. Hilfe zu Add-ons und manuellen Anpassungen
  4. Manuelle Anpassungen per CSS oder Script

userChrome.css - Benennung der einzelner Elemente gesucht

    • 38.*
    • Windows
  • mobby_x
  • December 27, 2018 at 9:09 AM
  • Closed
  • Thread is Unresolved
  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 9:09 AM
    • #1

    Hallo,

    gibt es für die userChrome.css eine Übersicht über die Benennung der einzelnen Elemente?

    Danke

    • Thunderbird-Version: 38.2.0
    • Betriebssystem + Version: WIN7 32 Bit
  • graba December 27, 2018 at 10:43 AM

    Moved the thread from forum Allgemeines Arbeiten to forum Manuelle Anpassungen per CSS oder Script.
  • Feuerdrache
    Senior Member
    Reactions Received
    321
    Posts
    6,044
    Member since
    4. Apr. 2009
    Helpful answers
    12
    • December 27, 2018 at 10:54 AM
    • #2

    Hallo mobby_x,

    userChrome.css.

    Gruß

    Feuerdrache

    „Innerhalb der Computergemeinschaft lebt man nach der Grundregel, die Gegenwart sei ein Programmfehler, der in der nächsten Ausgabe behoben sein wird.“
    Clifford Stoll, amerik. Astrophysiker u. Computer-Pionier

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 11:26 AM
    • #3

    Danke, das sieht ziemlich kompliziert aus.

    Ich frage vorsichtshalber, ob du vielleicht weißt, wie die Benennung - siehe Bild - heißt.

    Es geht um diesen Balken.

    Gruß mobby

    Images

    • Bildschirmbereich.jpg
      • 14.63 kB
      • 1,248 × 48
  • Feuerdrache
    Senior Member
    Reactions Received
    321
    Posts
    6,044
    Member since
    4. Apr. 2009
    Helpful answers
    12
    • December 27, 2018 at 11:49 AM
    • #4

    Hallo mobby_x,

    da kann ich Dir leider nicht helfen.

    Es gibt hier aber einige wenige Helfer, die sehr viel mit CSS-Code arbeiten und da an der einen oder anderen Stelle Dir helfen können. Ich denke, mit ein wenig Geduld Deinerseits, wirst Du darauf eine konkrete Antwort bekommen, die Dir dann weiterhilft.

    Gruß

    Feuerdrache

    „Innerhalb der Computergemeinschaft lebt man nach der Grundregel, die Gegenwart sei ein Programmfehler, der in der nächsten Ausgabe behoben sein wird.“
    Clifford Stoll, amerik. Astrophysiker u. Computer-Pionier

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 11:52 AM
    • #5

    Besten Dank einstweilen. :)

  • Thunder
    Administrator
    Reactions Received
    779
    Articles
    281
    Posts
    7,280
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • December 27, 2018 at 12:07 PM
    • #6

    Du kannst die Benennung der Elemente selbst heraus finden mit dem "Entwickler-Werkzeugkasten". Du findest diesen zumindest ab Thunderbird 60 über das Menü Extras → Entwickler-Werkzeuge → Entwickler-Werkzeugkasten. Beim Aufrufen dieses Tools wird (meist hinter dem Hauptfenster) ein Dialog danach fragen, ob Du eine interne Netzwerkverbindung zulassen möchtest. Das musst Du erlauben. In dem Werkzeugkasten-Fenster findest Du links oben ein Element "Inspektor". Direkt links daneben ist ein Button, dessen Symbol eine Kasten+Mauspfeil zeigt. Da klickst Du drauf und gehst dann zu Deinem angefragten Element, dessen Bezeichnung Du wissen möchtest. Du wirst sehen, dass die Elemente beim "Hovern" mit der Maus rot umrandet werden. Klicke auf das gewünschte rot umrandete Ziel-Element. Dann wird der zugehörige Programmcode im separaten "Inspektor"-Fenster angezeigt und Du kannst dort schauen wie die "ID" des Elementes heißt.

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 1:04 PM
    • #7

    Hallo,

    Quote from mobby_x

    Ich frage vorsichtshalber, ob du vielleicht weißt, wie die Benennung - siehe Bild - heißt.

    als Alternative zu Thunders Vorschlag:

    Ich selber komme mit dem "Inspektor" des Entwickler-Werkzeugkastens nicht zurecht, benutze allerdings regelmäßig die sehr praktische "Stilbearbeitung" zum Bearbeiten der CSS-Code und zum Testen neuer Code in meinen userChrome.css und userContent.css Dateien.

    Wenn ich die Bezeichnung (ID) eines Elements suche, benutze ich immer noch die Erweiterung "DOM Inspector Plus" https://addons.thunderbird.net/en-US/thunderb…m-inspector-dm/ zusammen mit der Erweiterung "InspectorWidget" https://addons.thunderbird.net/en-US/thunderb…nspectorwidget/

    Der Button von InspectorWidget muss über "Anpassen" in die Hauptsymbolleiste gezogen werden.

    Dann genügt ein Klick auf "Inspect" und anschließend auf das zu untersuchende Element, um ein DOM-Inspektor Fenster zu öffnen.

    Wenn du z. B. auf "Betreff" geklickt hast, wird in dem neuen Fenster ein DOM-Knoten mit der ID "subjectCol" blau markiert. Damit hast du aber nur die ìD von einem der Elemente in der Kopfzeile "Betreff - Von -Datum - Größe ...".

    Also gehst du in der Knotenhierarchie weiter nach oben bis zum nächsthöheren Knoten "treecols" und machst einen Doppelklick auf diese Zeile (oder R-Klick > Element blinken lassen):


    Dies hat zur Folge, dass im Thunderbird-Hauptfenster die Kopfzeile der Nachrichten/Themenliste mehrfach rot aufblinkt:


    Die Benennung oder ID dieser Kopfzeile lautet also "threadCols". Wenn du sie in einer userChrome.css Datei verwenden willst, musst du noch das Zeichen # davor setzen, also #threadCols.

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 4:52 PM
    • #8

    Danke beiden.

    Wo ich nun schon die Benennung dafür habe, müsste ich es so eingeben?


    #threadCols {background-color: #EFFBFB !important; -moz-appearance: none !important;

    }

    Die Farbe ist natürlich jetzt nur ein willkürliches Beispiel.

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 5:52 PM
    • #9

    mail.bar3 funktioniert. threadCols nicht. Hab ich da etwas falsch geschrieben?


    #threadCols {background-color: #005400 !important; }

    #mail-bar3 {background-color: #00fafa !important; }

  • Thunder
    Administrator
    Reactions Received
    779
    Articles
    281
    Posts
    7,280
    entries
    169
    Member since
    8. Jul. 2003
    Helpful answers
    58
    • December 27, 2018 at 6:13 PM
    • #10

    Probiere statt dessen mal die Klasse .threadColumnHeader:

    .threadColumnHeader { background-color: #cc0000; }

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

    Keine Hilfe per Konversation! - Danke für Euer Engagement und Eure Geduld!

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 6:35 PM
    • #11
    Quote from mobby_x

    #threadCols {background-color: #005400 !important; }

    Bei mir funktioniert

    #threadCols treecol,

    #threadCols treecolpicker {

    background-color: #005400 !important; -moz-appearance: none !important; }

    Du musst dir aber bewusst sein, dass mit einem solchen Code der kleine Sortierpfeil ^ in der Spalte nicht mehr sichtbar ist.

    Man kann also nicht mehr erkennen, nach welcher Spalte und in welcher Richtung (auf- oder absteigend) sortiert wird. Ich habe bisher keinen Code gefunden, mit dem man den Pfeil trotz des geänderten Farbhintergrunds anzeigen könnte.

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 7:29 PM
    • #12

    Ja gut, mit einer anderen Farbe ist alles zu sehen, was ich brauche.

    Jedenfalls geht's mit deinem Code, Mapenzi.

    Wie muss hier ...

    #button-reply {background-color: #ff0000 !important; }

    ... der Code aussehen, wenn ich nicht den Button, sondern den Text färben will?

    text-color geht offenbar nicht.

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 8:09 PM
    • #13
    Quote from mobby_x

    wenn ich nicht den Button, sondern den Text färben will?

    #button-reply .toolbarbutton-text {

    color: #ff0000 !important; }

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 8:17 PM
    • #14

    Danke.

    Und links der Pfeil?

    #button-reply .toolbarbutton-icon{

    color: #ff0000 !important; }

    icon geht nicht. X(

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 8:31 PM
    • #15
    Quote from mobby_x

    icon geht nicht

    Versuch mal

    #button-reply {

    list-style-image: url("chrome://messenger/skin/icons/reply.svg");

    color: #ff0000 !important; }

    Damit brauchst du wahrscheinlich keinen Code für den roten Button-Text mehr.

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 8:36 PM
    • #16

    Mm. Nee, da ist alles im Urzustand. Das muss so da rein? chrome://messenger/skin/icons/reply.svg

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 8:46 PM
    • #17

    Bei mir unter macOS funktioniert der Code:

  • mobby_x
    Member
    Posts
    58
    Member since
    14. Jan. 2009
    • December 27, 2018 at 9:25 PM
    • #18

    Hab nochmal nachgeschaut. Es ist alles richtig kopiert. Vielleicht liegt es daran, dass es kein macOS ist?

  • Mapenzi
    Senior Member
    Reactions Received
    1,029
    Posts
    11,836
    Member since
    26. May. 2012
    Helpful answers
    117
    • December 27, 2018 at 10:29 PM
    • #19
    Quote from mobby_x

    Vielleicht liegt es daran, dass es kein macOS ist?

    Das kann durchaus sein, dass das entsprechende Pfad zum Icon des Antworten-Buttons im Code der Windows-Version von Thunderbird anders ist als für die Mac-Version.

    Du kannst das aber selber nachprüfen:

    öffne den "Entwickler-Werkzeugkasten" usw. von TB wie oben von Thunder beschrieben.

    Selektiere den Antworten-Button, dann müsstest du im Inspektor- Fenster ungefähr das gleiche sehen wie in meinem folgenden Screenshot:

    Schau in den rechten Kasten, den ich rot umrandet habe. Kopiere den Code von #button-reply an bis zur schließenden Klammer } und ergänze ihn durch color: #ff0000 !important;

  • Paenglab
    Member
    Reactions Received
    5
    Posts
    59
    Member since
    22. Oct. 2009
    Helpful answers
    2
    • December 28, 2018 at 12:47 PM
    • #20

    Das sollte gehen:

    #button-reply .toolbarbutton-icon {

    fill: #f00 !important;

    }

Current app version

  • Thunderbird 139.0.2 veröffentlicht

    Thunder June 11, 2025 at 5:31 PM

Current ESR version

  • Thunderbird 128.11.1 ESR veröffentlicht

    Thunder June 11, 2025 at 5:27 PM

No Advertisements

There are no advertisements here. Maybe you give the website owner (Alexander Ihrig - aka "Thunder") instead something to be able to finance these sites in the long run. Many Thanks!

Thank you for the support!

Coffee to be spent?

Donate now via Paypal*

*Forwarding to PayPal.Me

Thunderbird Mail DE
  1. Imprint & Contact
  2. Privacy Policy
    1. Cookie Policy
  3. Terms of Use
  4. Donation Call for Thunderbird
Help for this website
  • All website support articles
  • How to use website search
  • How to create a forums user account
  • How to create and edit a forums thread
  • How to reset your forums password
Copyright © 2003-2025 Thunderbird Mail DE

You are NOT on an official page of the Mozilla Foundation. Mozilla®, mozilla.org®, Firefox®, Thunderbird™, Bugzilla™, Sunbird®, Seamonkey®, XUL™ and the Thunderbird logo are (among others) registered trademarks of the Mozilla Foundation.

Powered by WoltLab Suite™