Hallo Leute,
ist es möglich, den Einstellungs-Dialog im Firefox optisch anzupassen, d.h. in der oberen Leiste z.B. eine Hintergrundgrafik einsetzen? Evtl geht das ja über die userChrome.css.
Ich habe das z.B. in aktuellen Thunderbird 2.0 Nightlys gesehen und es gefällt mir sehr gut!
Wenn einer von Euch eine Idee hat, würde ich mich freuen! Ich kann, wenn gewünscht auch noch einen Screenshot nachliefern, damit man sehen kann, was ich meine!
Lg Jan
Hi, danke, das war schon mal ein super Ansatz, aber leider ist der Hintergrund im falschen teil der Optionen!
Das Bild sollte als Hintergrund im oberen Bereich der Optionen (der "Menüleiste") sein, ist nun aber im Unteren Bereich zu finden!
Hast du evtl.noch eine Idee?
Vielen Dank schonmal![/img]
Das sollte erst mal weiterhelfen:
#BrowserPreferences > radiogroup /* Hintergrund */
{
background: red !important;
}
#BrowserPreferences > radiogroup > radio[focused="true"] /* wird gerade angeklickt */
{
background: yellow !important;
}
#BrowserPreferences > radiogroup > radio[selected="true"] /* aktuell */
{
background: green !important;
}
#BrowserPreferences > radiogroup > radio[disabled="true"] /* sollte eigentlich nicht auftreten */
{
background: black !important;
}
#BrowserPreferences > radiogroup > radio[selected="true"]:hover /* aktuell, Maushover */
{
background: white !important;
}
#BrowserPreferences > radiogroup > radio:not([selected="true"]):hover /* nicht aktuell, Maushover */
{
background: orange !important;
}Natürlich jeweils background:... ersetzen durch background-image:...
Nachtrag: das mit dem [focused="true"] verträgt sich offenbar nicht mit dem hover.
Super, großes Danke schon mal, jetzt ist nur noch die klitzekleine Sache, das ich auch noch die Schriftfarbe ändern muss (weiß)
Wie genau kann ich diese Einstellung bekommen?
mit dem mouseover komm ich auch noch nicht so weit wie ich möchte, aber bis jetzt ists schonmal fast so wie ich möchte.
Hier meine Lösung, ich hab den Code etwas gekürzt und bisher funktionierts ganz gut!
#BrowserPreferences > radiogroup /* Hintergrund */
{
background-image:url(optbg.jpg) !important;
color: white !important;
}
#BrowserPreferences > radiogroup > radio[focused="true"] /* wird gerade angeklickt */
{
background-image:url(optklicked.jpg) !important;
color: black !important;
}
#BrowserPreferences > radiogroup > radio[selected="true"] /* aktuell */
{
background-image:url(optklicked.jpg) !important;
color: black !important;
}
#BrowserPreferences > radiogroup > radio[disabled="true"] /* sollte eigentlich nicht auftreten */
{
background: black !important;
color: white !important;
}
#BrowserPreferences > radiogroup > radio[selected="true"]:hover /* Maus ist über dem Objekt */
{
background-image:url(optklicked.jpg) !important;
color: black !important;
}
#BrowserPreferences > radiogroup > radio:not([selected="true"]):hover /* nicht aktuell, Maushover */
{
background-image:url(optmouseover.jpg) !important;
color: white !important;
}Fertig, nun ists perfekt, Vielen Dank an Euch