TB Version 31.6.0 Standard Themen - Button Abrufen

Dato

Um Rückfragen vorzubeugen, bitten wir um folgende Angaben:
* Thunderbird-Version: 31.6.0
* Betriebssystem + Version: Windows 7 Ultoimate 64 bit

Hallo,
wie kann ich den Button (Abrufen) mit den Untermenü farbig ändern ?

Mapenzi

Hallo Dato,

du kannst die Hintergrundfarbe des Buttons mit folgendem css-Code verändern:

CSS

#button-getmsg {
background-color: red !important;
}

Da du den Verfassen-Button schon grün eingefärbt hast, vermute ich, dass du entweder einen Ordner "chrome" mit einer Datei "userChrome.css-Datei im Profilordner von TB erstellt oder das Add-on "Stylish" https://addons.mozilla.org/en-us/thunderb…-dl-mostpopular installiert hast.
Füge den obigen Code in die userChrome.css Datei ein oder erstelle mit Stylish einen neuen Benutzerstil und füge den Code ein.
Die Farbe "red" ist nur ein Beispiel, du kannst sie durch eine andere Farbe (in Englisch) ersetzen oder durch den hexadezimalen Code #xxxxxx der Farbe deiner Wahl http://html-color-codes.info/

Gruß

Dato

Hallo,
Danke, jetzt habe ich es mal etwas anders gemacht und zwar so wie ich meinen Grünen Button habe

CSS

/* Button eMail - Verfassen "Braun" */
#button-getmsg {
 background-image: linear-gradient(#efcb50, #e9bf2b)!important;
color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #e9bf2b;
  border-radius: 4px; }




#button-getmsg:hover {
   background-image: linear-gradient(#e9bf2b, #efcb50)!important;
}

Alles anzeigen

Das Problem ist jetzt nur mit der SchriftFARBE. Die sollte eigentlich in Weiß bei hover und normal.

Mapenzi

Zitat von Dato

Die sollte eigentlich in Weiß bei hover und normal.

Das ist sie bei mir, wenn ich deinen obigen Code teste:

Dato

mhh komisch bei mir funktioniert das nicht mit der Schriftfarbe.

In Stylish und in der userChrome.css habe ich es abwechselnt versucht.

nichts.

habe sogar ein neues Profil angelegt.

jetzt bleibt mir nur noch eine neru installation überig.

Mapenzi

Zitat von Dato

habe sogar ein neues Profil angelegt.

jetzt bleibt mir nur noch eine neru installation überig.

Wenn du mit einer "neuen Installation" das Löschen und eine darauf folgende Neuinstallation des Programms Thunderbird meinst, kannst du dir den Umstand ersparen.
Das hilft in den seltensten Fällen, da der Fehler in der Regel im Profil von TB liegt.
In Zweifelsfällen ist der Test in einem neuen Profil immer gut, du musst dann aber darauf achten, dass du im neuen Profil nur den css-Code für diesen Button testest und nicht die komplette userChrome.css Datei und/oder sämtliche Benutzerstile des alten Profils!

Zitat von Dato

mhh komisch bei mir funktioniert das nicht mit der Schriftfarbe.
In Stylish und in der userChrome.css habe ich es abwechselnt versucht.
nichts.

Bei mir funktioniert dein Code, und ich kann dir auf Anhieb nicht sagen, woran es bei dir liegt.
Es kônnte sein, dass es eine Interaktion mit einem anderen Code in der userChrome.css Datei oder einem anderen Benutzerstil mit Stylish gibt, vielleicht sogar mit einer deiner Erweiterungen.
Wenn man userChrome und Stylish gleichzeitig benutzt, muss man ohnehin doppelt aufpassen, dass man nicht einen Code für ein Element der GUI (Beispiel: dein "Abrufen"-Button) in der userChrome.css Datei einträgt und dann noch noch versehentlich einen anders lautenden Code für das selbe Element in einem neuen Benutzerstil.

Wenn dein Code in einem neuen "jungfräulichen" Profil funktioniert, dann musst du den den Fehler in deinem aktuellen Profil suchen.
Du kannst z. B. sämtliche Benutzerstile deaktivieren (gegebenenfalls auch die anderen Erweiterungen) und nur den Benutzerstil mit diesem Code testen.
Oder aus der userChrome.css Datei sämtliche anderen Codes entfernen und nur den fraglichen Code testen.
Was manchmal in der userChrome.css Datei hilft, wenn ein korrekter Code nicht funktioniert: verschiebe den fraglichen Code ganz nach oben in der Datei, über alle anderen, und teste erneut.

Dato

Hallo,
kann es sein das es an die Updates liegen kann ?

ich habe den TB seit ca einem Jahr nur Upgedated und keine neu installation vorgenommen.

habe jetzt alles durch getestet.

Neues Profil ohne AddOns, mit und ohne userchrome dafür mit Stylish nicht geht.

Jetzt bleibt mir nur noch eine komplett neu installation übrig..

und die mach am nacähsten WE.

Mapenzi

Sehr merkwürdig, dass der Code auch im neuen Profil nicht funktioniert!
Bist du sicher, dass du keinen Fehler beim Kopieren/Einsetzen des Codes begangen hast?
Wenn man zum Beispiel beim Kopieren den ersten Schrägstrich "/" in der "Überschrift" des Codes vergisst (also * Button eMail - Verfassen "Braun" */ statt
/* Button eMail - Verfassen "Braun" */), ist der komplette Code unwirksam.
Das ist mir selber schon mehrfach passiert
Desgleichen, wenn die Datei userChrome.css nicht korrekt geschrieben ist (z. B. Userchrome.css oder userChrome.css.txt), sind sämtliche Codes in der Datei unwirksam.

Wenn du einen solchen Fehler ausgeschlossen hast, dann empfiehlt sich natürlich doch der Test, deine aktuelle Version von TB durch eine neue Kopie zu ersetzen.
Lade die offizielle aktuelle Version hier herunter https://www.thunderbird-mail.de/cms/index.php/herunterladen/
Deinstalliere dein aktuelles Programm "Thunderbird", installiere die neu herunter geladenen Kopie und starte sie in deinem alten Profil.

Gruß

Dato

Hallo,
ich bin doch nicht gaga.
Jetzt habe ich doch eine komplet neu installation gemacht bzw 2 neue.
Einmal ohne Profil ala Nackig und neu einrichten von TB
Einmal mit alten Profilordner übernahme.

nicht klappt.

Mein kompletter Code

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");




.chromeclass-menubar, toolbar, #status-bar{
background-color: #f6f6f6!important;
}







#button-getmsg {
  background-image: linear-gradient(#efcb50, #e9bf2b)!important;
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #e9bf2b;
  border-radius: 4px; }




#button-getmsg:hover {
   background-image: linear-gradient(#e9bf2b, #efcb50)!important;
}










#folderTree treechildren {
  background-color: #f6f6f6!important;
}










/* Button eMail - Antworten "Grün" */
#button-reply { 
  background-image: linear-gradient(#62c462, #51a351);
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #51a351;
  border-radius: 4px; }




#button-reply:hover {
   background-image: linear-gradient(#51a351, #62c462);
}













/* Button eMail - Junk "Orange" */
#hdrJunkButton {
  background-image: linear-gradient(#fbb450, #f89406);
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
  border: 1px solid #f89406;
  border-radius: 4px;
}




#hdrJunkButton:hover {
   background-image: linear-gradient(to bottom, #f89406, #fbb450);
}













/* Button eMail - Löschen "Rot" */
#hdrTrashButton {
  background-image: linear-gradient(#ee5f5b, #bd362f);
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);  
  border: 1px solid #bd362f;
  border-radius: 4px;
}




#hdrTrashButton:hover {
   background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
}



















/* Button Verfassen "Grün" */
#button-newmsg {
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #51a351;
  border-radius: 4px;
}




#button-newmsg:hover {
   background-image: linear-gradient(to bottom, #51a351, #62c462);
}







/* Button Adressbuch "Blau" */
#button-address {
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #2f96b4;
  border-radius: 4px;
}




#button-address:hover {
   background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
}

Alles anzeigen

edvoldi

Hallo zusammen,
ich habe den Script aus dem Beitrag #9 bei mir im Benutzerstile eingetragen und es sieht so aus:

Gruß
EDV-Oldi

Dato

bei mir sieht es so aus

ich verstehe das irgendwie nicht.

edvoldi

Zitat von Dato

ich verstehe das irgendwie nicht.

Das sieht doch gut aus was verstehst Du nicht?

Gruß
EDV-Oldi

Dato

ich verstehe nicht warum das Wort "Abrufen" in Schwarz angezeigt wird und nicht in Weiß.

denn hier sage ich doch Schriftfarbe Weiß
color: #ffffff;

CSS

#button-getmsg {
  background-image: linear-gradient(#efcb50, #e9bf2b)!important;
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #e9bf2b;
  border-radius: 4px; }
#button-getmsg:hover {
   background-image: linear-gradient(#e9bf2b, #efcb50)!important;
}

edvoldi

Bei mir erscheint nur ein schwarzer Text wenn ich mit der Maus darüber fahre.

Gruß
EDV-Oldi

Mapenzi

Zitat von Dato

ich verstehe nicht warum das Wort "Abrufen" in Schwarz angezeigt wird und nicht in Weiß.

Versuche nochmal, indem du !important; oder -moz-appearance: none !important; hinter color: #ffffff anfügst.
Also

CSS

#button-getmsg {
background-image: linear-gradient(#efcb50, #e9bf2b)!important;
color: #ffffff -moz-appearance: none !important;

oder

CSS

#button-getmsg {
background-image: linear-gradient(#efcb50, #e9bf2b)!important;
color: #ffffff !important;

Eben, als ich deinen kompletten Code getestet habe, musste ich ebenfalls noch hinter den Farbcodes von background-image für die Löschen- und Junk-Buttons noch !important anfügen, damit die Hintergrundfarben dieser Buttons wirksam wurden.
Es ist offenbar OS-bedingt, ob die Farbcodes mit oder ohne !important funktionieren.

Dato

das klappt auch nicht, weder in Stylish noch in der css Datei.

Mapenzi

Zitat von Dato

das klappt auch nicht

Wenn das auch nicht mit !important funktioniert, dann kann ich leider nichts mehr zur Lösung beitragen.
Es funktioniert hier bei mir auf Mac OS X, es funktioniert bei edvoldi auf Linux, vielleicht findet sich ein Freiwilliger, der es auf Windows testen kann.

Ich habe nochmals meine große userChrome.css Datei durchgesehen:
praktisch alle meine Codes enden mit !important; }

Hier nur ein kleines Beispiel:

CSS

/* make folders with new mail red and bold */
#folderTree > treechildren::-moz-tree-cell-text(isServer-true, biffState-NewMail,) {
font-weight: bold !important;
color: red !important;
}

Dato

Hallo,
in windows 7 Ultimate 64 bit habe ich teilweise hinbekommen.

mit folgendem Code lässt sich der Abruf Button ändern

CSS

toolbarbutton[id="button-getmsg"] > toolbarbutton, #button-getmsg {
  background-image: linear-gradient(#efcb50, #e9bf2b)!important;
  color: #ffffff;
  font-weight: bold; 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border: 1px solid #e9bf2b;
  border-radius: 4px; }




toolbarbutton[id="button-getmsg"]:hover,
toolbarbutton[id="button-getmsg"] > toolbarbutton:hover,
#button-getmsg:hover {
   background-image: linear-gradient(#e9bf2b, #efcb50)!important;
}

Alles anzeigen

leider funktioniert das hover nicht.
also die Schriftfarbe bleibt im hover Schwarz.

auch wenn ich im hover Extra die Farbe "color" hinzufüge ändert sich nichts

Mapenzi

Zitat von Dato

also die Schriftfarbe bleibt im hover Schwarz.

Bei mir bleibt sie mit deinem letzten Code "Weiß".

Zitat von Dato

auch wenn ich im hover Extra die Farbe "color" hinzufüge ändert sich nichts

Wenn ich unter hover den Code color: black !important; hinzu füge, ändert sich die Schriftfarbe von Weiß in Schwarz beim Überfliegen mit der Maus.
Ich kann dir nicht sagen, warum das bei dir mit Weiß nicht funktioniert, und kann es auch nicht unter Windows testen, da ich dieses BS nicht habe.

TB Version 31.6.0 Standard Themen - Button Abrufen

Community-Bot 3. September 2024 um 20:20

Thunderbird 128.4.4 ESR veröffentlicht

Thunderbird 115.16.3 ESR veröffentlicht