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
  • Deutsch
  • Anmelden
  • Registrieren
  • 
  • Suche
Dieses Thema
  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.*
    • Windows
  • crumb1
  • 19. Oktober 2023 um 12:10
  • Geschlossen
  • Erledigt
  • 1
  • 2
  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 12:10
    • #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

  • Zur hilfreichsten Antwort springen
  • Bastler
    Gast
    • 19. Oktober 2023 um 12:25
    • #2
    Zitat von 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;
    }
    Alles anzeigen

    Einmal editiert, zuletzt von Bastler (19. Oktober 2023 um 14:38) aus folgendem Grund: Code Korrektur

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 12:36
    • #3

    Danke dir teste ich.

    Willst du das 3P Menü ausblenden?

    #folderPaneMoreButton {

    display: none !important;

    Oder?

    VG

    Holger

  • Bastler
    Gast
    • 19. Oktober 2023 um 12:38
    • #4
    Zitat von crumb1

    Willst du das 3P Menü ausblenden?

    Nein, das + Zeichen.

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 12:47
    • #5

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

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

    VG

    Holger

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 12:50
    • #6

    Hallo

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

    VG

    Holger

  • MSFreak
    Senior-Mitglied
    Reaktionen
    1.045
    Beiträge
    3.897
    Mitglied seit
    23. Okt. 2019
    Hilfreiche Antworten
    80
    • 19. Oktober 2023 um 12:56
    • #7

    Mit diesem CSS-Code sieht es bei mir so aus

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

    Gruß Micha

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 13:05
    • #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;
    }
    Alles anzeigen

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

    VG

    Holger

  • Bastler
    Gast
    • 19. Oktober 2023 um 14:42
    • #9
    Zitat von 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
    Gast
    • 19. Oktober 2023 um 15:05
    • #10
    Zitat von 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
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 16:19
    • #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
    Mitglied
    Reaktionen
    6
    Beiträge
    102
    Mitglied seit
    15. Jul. 2007
    Hilfreiche Antwort
    1
    • 19. Oktober 2023 um 20:10
    • Hilfreichste Antwort
    • #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;
    }
    Alles anzeigen

    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...!"

    Einmal editiert, zuletzt von ChaosRacer (19. Oktober 2023 um 21:47)

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 19. Oktober 2023 um 21:17
    • #13

    Super. Danke.

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

    VG

    Holger

  • crumb1 19. Oktober 2023 um 21:37

    Hat einen Beitrag als hilfreichste Antwort ausgewählt.
  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 20. Oktober 2023 um 10:02
    • #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 20. Oktober 2023 um 11:27

    Hat den Titel des Themas von „Änderung des Button "Neue Nachricht" im FolderPane“ zu „Änderung des Button "Neue Nachricht" im FolderPane-Grundsatzfrage“ geändert.
  • dharkness21
    Senior-Mitglied
    Reaktionen
    467
    Beiträge
    1.865
    Mitglied seit
    29. Jun. 2005
    Hilfreiche Antworten
    54
    • 20. Oktober 2023 um 16:25
    • #15
    Zitat von crumb1

    Ein Textelement oder eine Button Beschriftung.

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

    und wech

    Dharkness

  • crumb1
    Mitglied
    Reaktionen
    5
    Beiträge
    76
    Mitglied seit
    27. Nov. 2020
    Hilfreiche Antworten
    3
    • 20. Oktober 2023 um 16:32
    • #16

    ok. Danke.

    VG

    Holger

  • DarkCorri53i
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 20. Oktober 2023 um 16:41
    • #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
    Mitglied
    Reaktionen
    6
    Beiträge
    102
    Mitglied seit
    15. Jul. 2007
    Hilfreiche Antwort
    1
    • 20. Oktober 2023 um 19:06
    • #18
    Zitat von 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
    Mitglied
    Reaktionen
    11
    Beiträge
    147
    Mitglied seit
    19. Jul. 2023
    Hilfreiche Antworten
    2
    • 20. Oktober 2023 um 21:08
    • #19

    ChaosRacer

    Zitat von 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
    Mitglied
    Reaktionen
    1
    Beiträge
    28
    Mitglied seit
    31. Mrz. 2024
    • 31. März 2024 um 19:21
    • #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?

    • 1
    • 2

Aktuelle Programmversion

  • Thunderbird 139.0 veröffentlicht

    Thunder 27. Mai 2025 um 23:39

Aktuelle ESR-Version

  • Thunderbird 128.11.0 ESR veröffentlicht

    Thunder 28. Mai 2025 um 22:13

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:

3,00 €
1
Per Paypal unterstützen*

*Weiterleitung zu PayPal.Me

Ähnliche Themen

  • Thunderbird 115

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

    • monolake
    • 8. Oktober 2023 um 16:39
    • Allgemeines Arbeiten / Konten einrichten / Installation & Update
  • [tbkeys lite] Tastenkürzel für das Verfassenfenster für HTML-Mails: Code ermitteln

    • Saerdna
    • 5. Oktober 2023 um 09:35
    • Erweiterungen
  • Filter greift nicht bzw startet nich beim Abruf

    • clarki
    • 5. Februar 2023 um 19:17
    • Filter (Regeln), Junk-Filter und Datenschutz-Optionen
  • Umstellung POP3 zu IMAP

    • Mail0815
    • 3. Februar 2022 um 00:56
    • 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™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Forum
  • Lexikon
  • Artikel
  • Seiten
  • Erweiterte Suche
  • Deutsch
  • English
Zitat speichern