1. Home
  2. News
  3. Download
    1. Thunderbird Release Version
    2. Thunderbird 140 ESR
    3. Thunderbird 128 ESR
    4. Thunderbird 115 ESR
    5. Thunderbird Beta Version
    6. Language Pack (User Interface)
    7. 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

Änderung des Button "Neue Nachricht" im FolderPane-Grundsatzfrage

    • 115 ESR
    • Windows
  • crumb1
  • October 19, 2023 at 12:10 PM
  • Closed
  • Thread is Resolved
  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 12:10 PM
    • #1

    Hallo

    ich benötige noch einmal Hilfe.

    Ich möchte die Beschriftung des "Neue Nachricht" Buttons änder in "Verfassen".

    Farbe und Border habe ich hinbekommen.

    Den neuen Text eingefügt geht auch.

    Aber den Ursprungstext bekomme ich nicht raus.

    Eventuell habe ich wieder einmal die falsche Stelle ermittelt! :lupe:

    CSS
    #folderPaneHeaderBar .button.button-primary {
        color: #000 !important;
        border: none !important;
        background-color: #fff !important;
    }
    #folderPaneHeaderBar button#folderPaneWriteMessage:after {
        content: "++Ver" !important;
    }

    VG

    Holger

  • Go to Best Answer
  • Bastler
    Guest
    • October 19, 2023 at 12:25 PM
    • #2
    Quote from crumb1

    Ich möchte die Beschriftung des "Neue Nachricht" Buttons änder in "Verfassen".

    Hallo,

    hier meine Variante, das Kontextmenü unter den 3 Punkten gleich mit geändert.

    Mit dem Pluszeichen davor kämpfe ich noch.

    CSS
    /* ---ueber Ordnerbaum Button '+ Neue Nachricht' aendern--- */
    #folderPaneWriteMessage.button::after {
     appearance: none !important;
     content: ' verfassen' !important;
    }
    #folderPaneWriteMessage.button {
     appearance: none !important;
      color: black !important;
       background-color: lightblue !important;
     padding-left: 3px !important;
     padding-right: 3px !important;
    }
    #folderPaneWriteMessage.button:hover {
      color: black !important;
       background-color: coral !important;
    }
    
    /* ---Kopfzeile des Ordnerbereichs, 3 Punkte Kontext 'Neue Nachricht anzeigen' aendern--- */
    menuitem#folderPaneHeaderToggleNewMessage.folder-pane-option label.menu-iconic-text::before {
     content: '„Neue Nachricht verfassen“ anzeigen' !important;
    }
    Display More

    Edited once, last by Bastler: Code Korrektur (October 19, 2023 at 2:38 PM).

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 12:36 PM
    • #3

    Danke dir teste ich.

    Willst du das 3P Menü ausblenden?

    #folderPaneMoreButton {

    display: none !important;

    Oder?

    VG

    Holger

  • Bastler
    Guest
    • October 19, 2023 at 12:38 PM
    • #4
    Quote from crumb1

    Willst du das 3P Menü ausblenden?

    Nein, das + Zeichen.

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 12:47 PM
    • #5

    Wie ist es damit. Außer den Abstand zum Rand?

    CSS
    #folderPaneWriteMessage{
        background-image: none !important;
    }

    VG

    Holger

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 12:50 PM
    • #6

    Hallo

    der Code wirkt nur auf den Textzusatz. Das alte "Neu Nachricht" geht nicht wech.....

    VG

    Holger

  • MSFreak
    Senior Member
    Reactions Received
    1,119
    Posts
    4,012
    Member since
    23. Oct. 2019
    Helpful answers
    83
    • October 19, 2023 at 12:56 PM
    • #7

    Mit diesem CSS-Code sieht es bei mir so aus

    CSS
    /* Farbe Verfassen-Button */
    #folderPaneWriteMessage {background: #25384A !important;}

    Gruß Micha

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 1:05 PM
    • #8

    Bei mir jetzt so. Rantasten!

    CSS
    #folderPaneWriteMessage{
        background-image: none !important;
    }
    /*#folderPaneMoreButton {
        display: none !important;
    }*/
    /* ---ueber Ordnerbaum Button '+ Neue Nachricht' aendern--- */
    #folderPaneWriteMessage.button::after {
     appearance: none !important;
     content: ' Test' !important;
    }
    #folderPaneWriteMessage.button {
     appearance: none !important;
      color: black !important;
       background-color: lightblue !important;
     padding-left: 3px !important;
     padding-right: 3px !important;
    }
    #folderPaneWriteMessage.button:hover {
      color: black !important;
       background-color: coral !important;
    }
    
    /* ---Kopfzeile des Ordnerbereichs, 3 Punkte Menue 'Neue Nachricht anzeigen' aendern--- */
    menuitem#folderPaneHeaderToggleNewMessage.folder-pane-option label.menu-iconic-text::before {
     content: '„Gut “ anzeigen' !important;
    }
    Display More

    Mich stört eigentlich nur der Originaltext Neue Nachricht. Mir gefällt "Verfassen" only gut

    VG

    Holger

  • Bastler
    Guest
    • October 19, 2023 at 2:42 PM
    • #9
    Quote from MSFreak

    Mit diesem CSS-Code sieht es bei mir so aus

    crumb1 möchte die Buchstaben "Neue" weg haben, oder den Schriftzug komplett mit eigenem ersetzen.

  • Bastler
    Guest
    • October 19, 2023 at 3:05 PM
    • #10
    Quote from crumb1

    Mir gefällt "Verfassen" only gut

    Folgendes ist sehr gequengelt (von hinten durch die Brust ins Auge), aber probier mal

    oder warte auf den CSS Papst dharkness21 ;)

    CSS
    /* ---ueber Ordnerbaum Button '+ Neue Nachricht' aendern--- */
    #folderPaneWriteMessage.button {
        background-image: none !important;
    max-width: 70px !important;
    }
    #folderPaneWriteMessage::before {
     appearance: none !important;
     content: 'Verfassen     ' !important;
    }
  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 4:19 PM
    • #11

    Danke vorerst.

    Ja ich werde warten, eventuell gibt es eine Lösung.

    Ich finde die Stelle wo es zu ändern ist, kann sie aber nicht ansprechen.

    Wenn ich im Werkzeug ändere wird es so wie ich es möchte angezeigt.

    Aber in der rechten Seite gibt es keinee Parameteranzeige.

    :/

    Im Bild rot das Ergebnis und blau die Stelle der Änderung

    VG

    Holger

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • October 19, 2023 at 8:10 PM
    • Best Answer
    • #12

    Guten Abend zusammen,

    das + Zeichen und den Originalen Text kann man mit dem folgenden Code ausblenden und durch einen beliebigen eigenen Text ändern. Ggf. muß man etwas mit den Werten probieren, je nachdem welchen Text man einsetzen möchte.

    CSS
    /* --- + Neue Nachricht - Button ändern --- */
    
    /* --- + Neue Nachricht ausblenden --- */
    #folderPaneWriteMessage.button {
      appearance: none !important;
      background-image: none !important;
      color: transparent !important;
      position: relative !important;
    }
    /* --- Content ersetzen, positionieren & einblenden --- */
    #folderPaneWriteMessage.button::after {
      appearance: none !important;
      content: 'Verfassen' !important;
      color: #fff !important;
      position: absolute !important;
      top: 6px !important;
      left: 18px !important; /* ohne "#folderPaneWriteMessage.button.icon-button" z.B. 38px verwenden */
    }
    /* --- Buttongröße an Content anpassen --- */
    #folderPaneWriteMessage.button.icon-button {
      appearance: none !important;
      padding-inline-start: unset !important;
      padding-inline-end:  unset !important;
    }
    Display More

    Man kann den Codeschnipsel #folderPaneWriteMessage.button.icon-button auch weglassen, dann wird der Button in Originalgröße angezeigt. Um den Text dann zu zentrieren kann man dann den left entsprechend ändern, wie im Code angemerkt. Da kann man dann varriieren wie es einem gefällt.

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

    Edited once, last by ChaosRacer (October 19, 2023 at 9:47 PM).

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 19, 2023 at 9:17 PM
    • #13

    Super. Danke.

    Den alten Namen transparent machen. Jo so gehts. :thumbsup:

    VG

    Holger

  • crumb1 October 19, 2023 at 9:37 PM

    Selected a post as the best answer.
  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 20, 2023 at 10:02 AM
    • #14

    Hallo

    ich muss noch einmal zurück kommen.

    Wir haben zwar eine Lösung, aber diese kaschiert ja nur die Auswirkung.

    Der ursprüngliche Text " Neue Nachricht" ist ja noch vorhanden wenn auch transparent.

    Aber irgendwo her muss ja der Text kommen. Ein Textelement oder eine Button Beschriftung.

    In #11 habe ich ja einen Ausschnitt des Entwicklerwerkzeuges gezeigt in dem der Text zu finden ist.

    Kann sich jemand vorstellen welches Element oder Dokument diesen Ursprungstext generiert. Denn wenn man es "richtig" machen will, muss man dort angreifen.

    Ursache und (Aus)Wirkung !

    Eventuell muss der gesamte Button neu definiert werden mit dem neuen Text.

    Ist was für lange Herbst /Regen) Abende. ;)

    VG

    Holger

  • crumb1 October 20, 2023 at 11:27 AM

    Changed the title of the thread from “Änderung des Button "Neue Nachricht" im FolderPane” to “Änderung des Button "Neue Nachricht" im FolderPane-Grundsatzfrage”.
  • dharkness21
    Senior Member
    Reactions Received
    507
    Posts
    2,002
    Member since
    29. Jun. 2005
    Helpful answers
    55
    • October 20, 2023 at 4:25 PM
    • #15
    Quote from crumb1

    Ein Textelement oder eine Button Beschriftung.

    In diesem Fall kein Element, das man direkt ansprechen könnte.

    und wech

    Dharkness

  • crumb1
    Member
    Reactions Received
    5
    Posts
    110
    Member since
    27. Nov. 2020
    Helpful answers
    3
    • October 20, 2023 at 4:32 PM
    • #16

    ok. Danke.

    VG

    Holger

  • DarkCorri53i
    Member
    Reactions Received
    11
    Posts
    147
    Member since
    19. Jul. 2023
    Helpful answers
    2
    • October 20, 2023 at 4:41 PM
    • #17

    ChaosRacer

    Hallo Chaos Racer,

    ich hätte einmal eine Frage an Dich. Ich habe deinen genialen Code aus Beitrag #12 für mich adaptiert. Wäre es möglich beim Hovern über den Button die Farbe des neuen Textes zu ändern? Ich bekomme dies einfach nicht hin. Hast du eine Idee?

    Gruß

    Markus

  • ChaosRacer
    Member
    Reactions Received
    6
    Posts
    102
    Member since
    15. Jul. 2007
    Helpful answer
    1
    • October 20, 2023 at 7:06 PM
    • #18
    Quote from DarkCorri53i

    Wäre es möglich beim Hovern über den Button die Farbe des neuen Textes zu ändern?

    Ja das ist möglich. Man muß dabei einfach einen zusätzlichen CSS-Code mit :hover einfügen und dann den Farbcode welcher gewünscht ist angeben (z.B. #000 für schwarz):

    CSS
    /* --- Textfarbe bei hover ändern --- */
    #folderPaneWriteMessage.button:hover::after {
      appearance: none !important;
      color: #000 !important;
    }

    Gruß, ChaosRacer
    ------------------------------

    "Eins wird dir jeder richtige Rennfahrer sagen: Ob du einen Inch oder eine Meile Vorsprung hast, gewonnen ist gewonnen...!"

  • DarkCorri53i
    Member
    Reactions Received
    11
    Posts
    147
    Member since
    19. Jul. 2023
    Helpful answers
    2
    • October 20, 2023 at 9:08 PM
    • #19

    ChaosRacer

    Quote from ChaosRacer

    Ja das ist möglich. Man muß dabei einfach einen zusätzlichen CSS-Code mit :hover einfügen und dann den Farbcode welcher gewünscht ist angeben (z.B. #000 für schwarz):

    Vielen Dank für deine Hilfe. Funktioniert supi. :thumbsup:

    Gruß

    Markus

  • Thomas will lernen
    Member
    Reactions Received
    1
    Posts
    28
    Member since
    31. Mar. 2024
    • March 31, 2024 at 7:21 PM
    • #20

    Vielen Dank, ChaosRacer, für die Lösung des Problems.

    Eine kleine Sache bleibt für mich aber noch übrig. Und zwar, dass sich beim Hovern über den neuen Button sein Hintergrund ändert. ... Die Lösung, die du DarkCorri53i dafür vorgeschlagen hast, ändert nur den Hintergrund der Schrift, was aber ein ganzes Stück kleiner ist, als der Hintergrund des Buttons.

    Ich weiß, das sind echte Luxus-Probleme! ;-) ... Aber gibt es dafür trotzdem eine Lösung?

Current app version

  • Thunderbird 145.0 veröffentlicht

    Thunder November 13, 2025 at 11:45 PM

Current 140 ESR version

  • Thunderbird 140.5.0 ESR veröffentlicht

    Thunder November 13, 2025 at 3:09 AM

Current 128 ESR version

  • Thunderbird 128.14.0 ESR veröffentlicht

    Thunder August 21, 2025 at 3:04 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

Similar Threads

  • Thunderbird 115

    • graba
    • July 12, 2023 at 12:33 PM
    • Diskussion rund um Thunderbird & E-Mail
  • Anzahl ungelesene Nachrichten in der Mail-Anzeige (unten rechts)

    • monolake
    • October 8, 2023 at 4:39 PM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • [tbkeys lite] Tastenkürzel für das Verfassenfenster für HTML-Mails: Code ermitteln

    • thun.der.bird
    • October 5, 2023 at 9:35 AM
    • Erweiterungen
  • Filter greift nicht bzw startet nich beim Abruf

    • clarki
    • February 5, 2023 at 7:17 PM
    • Filter (Regeln), Junk-Filter und Datenschutz-Optionen
  • Umstellung POP3 zu IMAP

    • Mail0815
    • February 3, 2022 at 12:56 AM
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
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™