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

Zebrastreifen (nur) im ThreadPane anzeigen

    • 60.*
    • Windows
  • Tapo
  • 2. Januar 2019 um 00:25
  • Geschlossen
  • Erledigt
  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 2. Januar 2019 um 00:25
    • #1

    Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:

    • Thunderbird-Version: 60.4.0 (32-Bit)
    • Betriebssystem + Version: Windows 7

    Hallo,

    wie schaffe ich das bei der Version 60.4.0 (32-Bit) über CSS einen Zebrastreifen hinzubekommen der nur in der eMail Liste zu sehen ist und nicht auch in der Ordnerliste ?

    in meinem Screenshot sollte er nur bei 2 zu sehen sein.

    danke.

  • Thunder
    Administrator
    Reaktionen
    775
    Artikel
    272
    Beiträge
    7.272
    Einträge
    169
    Mitglied seit
    8. Jul. 2003
    Hilfreiche Antworten
    58
    • 2. Januar 2019 um 14:18
    • #2

    Das geht in der userChrome.css hiermit:

    CSS
    #threadTree treechildren::-moz-tree-row(odd) {
      background-color: #ededed;
    }

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

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

  • Thunder 2. Januar 2019 um 14:19

    Hat das Thema aus dem Forum Themes nach Manuelle Anpassungen per CSS oder Script verschoben.
  • Thunder 2. Januar 2019 um 14:20

    Hat den Titel des Themas von „Zebrastreifen nur bei soll nur bei 2“ zu „Zebrastreifen (nur) im ThreadPane anzeigen“ geändert.
  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 2. Januar 2019 um 17:02
    • #3
    Zitat von Thunder

    Das geht in der userChrome.css hiermit:

    Dein Code wäre vermutlich wirksamer mit !important;

    Bei mir unter macOS fiel mir außerdem beim Testen deines Codes (mit !important; ) auf, dass der weiße Text einer markierten "ungeraden" Nachrichtenzeile auf dem grauen Hintergrund kaum zu lesen ist:

  • Thunder
    Administrator
    Reaktionen
    775
    Artikel
    272
    Beiträge
    7.272
    Einträge
    169
    Mitglied seit
    8. Jul. 2003
    Hilfreiche Antworten
    58
    • 2. Januar 2019 um 19:03
    • #4
    Zitat von Mapenzi

    Bei mir unter macOS

    Dann ist das ein spezifisches Verhalten unter macOS. Unter Windows 10 sieht das (auch ohne !important) so aus (und ich nutze es seit Jahren):

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

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

  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 2. Januar 2019 um 19:35
    • #5

    Ist unter Windows der hellblaue Hintergrund der markierten Nachricht Standard oder hast du ihn mittels userChrome.css geändert?

    In den Mac-Versionen von TB sind die Zebrastreifen der Themen/Nachrichtenliste noch heute Standard, lediglich der leicht bläuliche Hintergrund der "ungeraden" wurde durch hellgrau ersetzt.

    Markierte Nachrichten sind dunkelblau hinterlegt (Code "highlight"), wenn die Nachrichten/Themenliste den Fokus hat, ansonsten grau wenn sie nicht im Fokus ist.

    Hier der "Urzustand" (= im abgesicherten Modus) der Version 60 :

  • Thunder
    Administrator
    Reaktionen
    775
    Artikel
    272
    Beiträge
    7.272
    Einträge
    169
    Mitglied seit
    8. Jul. 2003
    Hilfreiche Antworten
    58
    • 2. Januar 2019 um 19:49
    • #6

    Ich habe überhaupt nur den obigen Code in der userChrome.css - sonst nichts.

    Gruß
    Thunder ( Mein persönlicher Wunschzettel )

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

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 4. Januar 2019 um 18:00
    • #7
    Zitat von Thunder

    Das geht in der userChrome.css hiermit:

    CSS
    #threadTree treechildren::-moz-tree-row(odd) {
      background-color: #ededed;
    }

    Danke.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 5. Januar 2019 um 22:40
    • #8

    Hallo,

    Sorry das ich immer noch Nerve wegen den Zbrastreifen aber könnte mir jemand nochmal Helfen ?

    siehe Scrrenshot

    ich habe ein wenig selber rumgespielt und eigentlich passt es wie ich will aber,

    da wo der Text in rot steht bekomme ich nicht geändert und die zwei rote spalten werden nicht in Gelb Markiert wenn ich diese angeklickt habe.

    Die Gelbe Zeile ist Markiert mit einem klick.

    ich hoffe ihr wisst was man ich meine.

    CSS
    #threadTree treechildren::-moz-tree-row(odd) {
        background-color: blue !important; }
    
    
    #threadTree treechildren::-moz-tree-row(even) {
        background-color: red !important; }
    
        
    #threadTree treechildren::-moz-tree-row(odd, selected) {
        background-color: yellow !important; }
  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 6. Januar 2019 um 17:20
    • #9
    Zitat von Tapo

    ich hoffe ihr wisst was man ich meine.

    Ich bin mir nicht ganz sicher.

    Das einzige worüber ich mir ziemlich klar bin, ist dass du im Nachrichten/Themenbereich den weißen Hintergrund der freien Fläche anders einfärben willst.

    Das geht mit diesem Code (Farbcode anpassen):

    #threadTree .tree-stack {

    background: #E9F3F5 !important; }

    Zitat von Tapo

    die zwei rote spalten werden nicht in Gelb Markiert wenn ich diese angeklickt habe.

    Die roten Zeilen entsprechen den geraden ("even") Zeilen laut deinem obigen Code.

    Wenn du die markierte Nachrichtenzeile mit einem gelben Hintergrund ausstatten willst, darfst du nicht (odd, selected) im Code verwenden. Denn mit einem solchen Code werden nur die ungeraden ("odd") Zeilen gelb markiert, wenn du darauf klickst.

    Wenn du die Zeile der Nachricht, auf die du klickst, mit gelbem Hintergrund anzeigen willst, unabhängig davon ob sie gerade oder ungerade ist, muss der Code so heißen:

    #threadTree treechildren::-moz-tree-row(selected) {

    background-color: yellow !important; }

    Beim Testen dieses Codes musst du ebenfalls überprüfen, ob der Text in der gelben Zeile auch noch lesbar ist, wenn die Themen/Nachrichtenliste bzw. das TB-Hauptfenster nicht mehr im Fokus ist. Nötigenfalls müsste noch ein weiterer Code für die Text-Farbe hinzugefügt werden.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 6. Januar 2019 um 18:58
    • #10

    aa ok Danke erstmal, da ahbe ich was zum Spielen ;)

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 11. Januar 2019 um 18:47
    • #11

    Hallo,

    könnte jemand weiter helfen ?

    folgendes Problem.

    Die blaue gepunktete Linie ist ein border-bottom der aber beim Markieren (Gelb) nicht mehr Angezeigt wird.

    2.ten

    beim überfahren mit der Maus (hover) wird eine kleine Linie in hellblau (grünerPfeil zeigt drauf) angezeigt.

    Diese Linie soll weg und dafür eine Hintergrundfarbe.

    und hier mein CSS bis jetzt

    CSS
    #threadTree treechildren::-moz-tree-row() {
    border-bottom: 1px dotted blue !important; }
    
    #threadTree treechildren::-moz-tree-row(even) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: red !important; }
    
    #threadTree treechildren::-moz-tree-row(odd) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: grey !important; }
    Alles anzeigen
  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 16. Januar 2019 um 13:06
    • #12

    Hallo,

    mal ganz Doof gefragt, mach ich was Falsch bei meiner Fragestellung das es vielleicht niemand versteht was ich meine ?

  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 16. Januar 2019 um 16:37
    • #13

    Unter Vorbehalt, da offenbar große Unterschiede des Codes bestehen zwischen der Win und der Mac Version von TB:

    Dein Code aus #11 plus der folgende Code

    #threadTree treechildren::-moz-tree-row(selected) {

    border-bottom: 1px dotted blue !important; }

    ergibt folgende Ansicht bei mir:

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 17. Januar 2019 um 13:39
    • #14

    hier nochmal alles zusammen

    CSS
    #threadTree treechildren::-moz-tree-row() {
    border-bottom: 1px dotted #d7d7db !important; }
    
    
    #threadTree treechildren::-moz-tree-row(even) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: white !important; }
    
    #threadTree treechildren::-moz-tree-row(odd) {
    -moz-appearance: none !important;
    background-image: none !important;
    background-color: white !important; }
    
    #threadTree treechildren::-moz-tree-row(selected) {
    background-color: #ffe900 !important; 
    border: 0px !important; }
    
    #threadTree treechildren::-moz-tree-row(selected) {
        border-bottom: 1px dotted red !important; }
    Alles anzeigen

    Ergenis

    Die blaue Linie bleibt immernoch wenn man mit dem Mauszeiger drüberfaährt.

  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 17. Januar 2019 um 13:50
    • #15
    Zitat von Tapo

    Die blaue Linie bleibt immernoch wenn man mit dem Mauszeiger drüberfaährt.

    Tut mir leid. Mit dem von letzten von dir geposteten Code kann ich diesen blauen Rand nicht erzeugen.

    Wenn er nur beim Überfliegen mit dem Mauszeiger erscheint, müsste doch irgend wo ein Code mit "hover" stehen.

    Wahrscheinlich hast du noch andere Code in deiner userChrome.css Datei, da musst du einfach mal systematisch nach hover suchen.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 17. Januar 2019 um 15:12
    • #16

    das ist der einzige CSS Code den ich zum Testen genommen habe.

    Naja egal wenn ich mehr Zeit habe gehe ich nochmal drann.

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 17. Januar 2019 um 21:16
    • #17

    Hallo,

    kann mir jemand erklären warum dieser Code klappt mit "border-bottom"

    CSS
    #threadTree treechildren::-moz-tree-row(selected) {
    background-color: #ffe900 !important; 
    border: 0px !important; }
    
    #threadTree treechildren::-moz-tree-row(selected) {
        border-bottom: 1px dotted #d7d7db !important; }


    und wenn ich das so schreibe, klappt es nicht ?

    CSS
    #threadTree treechildren::-moz-tree-row(selected) {
    background-color: #ffe900 !important; 
    border-bottom: 1px dotted #d7d7db !important;
    border: 0px !important; }

    und nein ich habe beide Code getrennt getestet und immer schön einen nach dem anderen und sonst stand nichts in der CSS Datei drinn.

  • Paenglab
    Mitglied
    Reaktionen
    5
    Beiträge
    59
    Mitglied seit
    22. Okt. 2009
    Hilfreiche Antworten
    2
    • 18. Januar 2019 um 14:02
    • #18

    Füge bei

    #threadTree treechildren::-moz-tree-row

    outline: none !important;

    ein

  • Tapo
    Senior-Mitglied
    Reaktionen
    8
    Beiträge
    520
    Mitglied seit
    25. Aug. 2014
    Hilfreiche Antwort
    1
    • 28. Dezember 2021 um 22:33
    • #19
    Zitat von Paenglab

    Füge bei

    #threadTree treechildren::-moz-tree-row

    outline: none !important;

    ein

    das klappt leider nicht.

    ich habe den blauen Strich mal in Grün gemacht in den DevTools.

    Weiß leider nicht wie man das in CSS schreiben kann :(

    Bilder

    • Unbenannt-4.png
      • 348,06 kB
      • 2.082 × 738
  • Mapenzi
    Senior-Mitglied
    Reaktionen
    1.020
    Beiträge
    11.795
    Mitglied seit
    26. Mai. 2012
    Hilfreiche Antworten
    116
    • 28. Dezember 2021 um 22:56
    • #20
    Zitat von Tapo

    Weiß leider nicht wie man das in CSS schreiben kann

    Worum geht es dir eigentlich jetzt ?

    Seit fast drei Jahren hat sich einiges im Code geändert, und ich hatte große Mühe, meinen Zebrastreifen-Code an die v91 anzupassen.

    In TB 91.4.1 sieht die Nachrichten/Themenliste bei mir gegenwärtig so aus

    CSS-Code bei Interesse.

Aktuelle Programmversion

  • Thunderbird 138.0 veröffentlicht

    Thunder 30. April 2025 um 00:04

Aktuelle ESR-Version

  • Thunderbird 128.10.0 ESR veröffentlicht

    Thunder 29. April 2025 um 23:24

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™