Pref Bar im FF gestalten, aber wie?

07/09/2013 - 13:53 von Karl-Heinz Rademacher | Report spam
Hallo zusammen,

ich habe vor kurzer Zeit das Add-on Pref Bar 6.2.1 für den FF
eingebunden. So wie man im Screen sehen kann, ergibt das eine weitere
Zeile am unteren Rand vom FF Menü-Berech on Top.

http://www.kh-rademacher.de/4d/test/FF1.png

Linke Seite:
[x]Farben [x]Bilder [x]Java [x]Flash | Cache leeren| Seite speichern|
Real UA x<-PullDown

Rechte Seite:
| [ ]Preffbar Hilfe [ ]Was ist neu| Anpassen

Ich würde nun gerne auch diese Menü-Reihe der Pref Bar via Stylisch oder
userCrone.css als "echte" Buttons wie beispielsweise das Hauptmenü
anpassen. Frage besteht dafür überhaupt eine Möglichkeit und wenn ja, wie?

Mit freundlichen Grüssen
Karl-Heinz Rademacher
Das 40tude Dialog Skript-Archiv: http://kh-rademacher.de/4d
Raady's Thunderbird-News-Reader: http://kh-rademacher.de/tb/index.html
Die Face-Seiten fuer die News - Reader: http://kh-rademacher.de/face
Die 40tude Dialog-FAQ: http://www.wolfgang-bauer.at/4td_faq/
 

Lesen sie die antworten

#1 Ralf Zilian
07/09/2013 - 14:07 | Warnen spam
Karl-Heinz Rademacher schrieb:

ich habe vor kurzer Zeit das Add-on Pref Bar 6.2.1 für den FF
eingebunden. So wie man im Screen sehen kann, ergibt das eine weitere
Zeile am unteren Rand vom FF Menü-Berech on Top.

http://www.kh-rademacher.de/4d/test/FF1.png



Not found.

Linke Seite:
[x]Farben [x]Bilder [x]Java [x]Flash | Cache leeren| Seite speichern|
Real UA x<-PullDown

Rechte Seite:
| [ ]Preffbar Hilfe [ ]Was ist neu| Anpassen

Ich würde nun gerne auch diese Menü-Reihe der Pref Bar via Stylisch oder
userCrone.css als "echte" Buttons wie beispielsweise das Hauptmenü
anpassen. Frage besteht dafür überhaupt eine Möglichkeit und wenn ja, wie?



Die Prefbar selber verwende ich nicht, aber das Prefbar-Menü, das habe
ich mittels dieser [1] Regeln angepasst.

[1]
/* Prefbar */
#prefbar {
-moz-appearance: none ! important;
border-top: 1px solid #AABCCF ! important;
padding: 0px 0px 0px 1px ! important;
}
toolbarbutton[id*="prefbar"] .toolbarbutton-text {
-moz-appearance: none ! important;
padding: 0px 1px ! important;
}
#prefbar > toolbaritem {
-moz-appearance: none ! important;
border: 0px ! important;
padding: 0px ! important;
}
checkbox[id*="prefbar"] {
-moz-appearance: none ! important;
border: 1px solid #AABCCF ! important;
padding: 0px 1px 0px 1px ! important;
margin: 1px 1px 1px 0px ! important;
}
checkbox[id*="prefbar"][checked="true"] {
-moz-appearance: none ! important;
background-color: #080 ! important;
color: #FFF ! important;
}
checkbox[id*="prefbar"]:hover,
checkbox[id*="prefbar"][checked="true"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}
menulist[id*="prefbar"] {
-moz-appearance: none ! important;
min-width: 40px ! important;
}
menulist[id*="prefbar"] .menulist-label-box {
-moz-appearance: none ! important;
min-width: 40px ! important;
}
#prefbar > toolbaritem menulist .menulist-label-box .menulist-label {
-moz-appearance: none ! important;
border: 0px ! important;
padding: 0px ! important;
}

#prefbar-menu {
-moz-appearance: none ! important;
padding: 0px 0px 0px 0px ! important;
margin: 1px 1px 1px 1px ! important;
}
#prefbar-menu .toolbarbutton-icon {
-moz-appearance: none ! important;
padding: 0px 1px ! important;
margin: 0px ! important;
}
#prefbar-menu dropmarker {
display: none ! important;
}

#prefbar-menu-popup {
-moz-appearance: none ! important;
border-top: 1px solid #000 ! important;
border-right: 1px solid #000 ! important;
border-bottom: 1px solid #000 ! important;
border-left: 1px solid #000 ! important;
-moz-border-top-colors: #9FB2C5 ! important;
-moz-border-right-colors: #9FB2C5 ! important;
-moz-border-bottom-colors: #9FB2C5 ! important;
-moz-border-left-colors: #9FB2C5 ! important;
padding: 0px 0px 1px 0px ! important;
margin: 1px 0px 0px -2px ! important;
}

#prefbar-menu-popup > menupopup {
-moz-appearance: none ! important;
background-color: #F0F0F0 ! important;
}
#prefbar-menu-popup > menu {
-moz-appearance: none !important;
-moz-appearance: none ! important;
border-top: 1px solid #000 ! important;
border-right: 1px solid #000 ! important;
border-bottom: 1px solid #000 ! important;
border-left: 1px solid #000 ! important;
-moz-border-top-colors: #9FB2C5 ! important;
-moz-border-right-colors: #9FB2C5 ! important;
-moz-border-bottom-colors: #9FB2C5 ! important;
-moz-border-left-colors: #9FB2C5 ! important;
background-color: #AABCCF ! important;
color: #000 ! important;
padding: 0px 2px ! important;
margin: 1px 1px 0px 1px ! important;
}
#prefbar-menu-popup menu menupopup {
-moz-appearance: none ! important;
border: 1px solid #9FB2C5 ! important;
padding: 0px 0px 1px 0px ! important;
margin-left: 1px ! important;
}

#prefbar-menu-popup menuitem {
-moz-appearance: none !important;
border-top: 1px solid #000 ! important;
border-right: 1px solid #000 ! important;
border-bottom: 1px solid #000 ! important;
border-left: 1px solid #000 ! important;
-moz-border-top-colors: #9FB2C5 ! important;
-moz-border-right-colors: #9FB2C5 ! important;
-moz-border-bottom-colors: #9FB2C5 ! important;
-moz-border-left-colors: #9FB2C5 ! important;
background-color: #D1DAE4 !important;
padding: 0px 2px ! important;
margin: 1px 1px 0px 1px ! important;
}

#prefbar-menu-popup menuitem[type="radio"] {
-moz-appearance: none ! important;
background-color: #800 ! important;
color: #FFF !important;
padding: 1px 2px ! important;
}

#prefbar-menu-popup menuitem[type="checkbox"] {
-moz-appearance: none ! important;
background-color: #080 ! important;
color: #FFF ! important;
padding: 1px 2px ! important;
}

#prefbar-menu-popup menu menuitem {
margin: 1px 1px 0px 1px ! important;
}

#prefbar-menu-popup menu menuitem[checked="false"] {
-moz-appearance: none ! important;
background-color: #F0F0F0 !important;
color: #000 ! important;
padding: 1px 2px ! important;
}

#prefbar-menu-popup > menu:hover,
#prefbar-menu-popup menuitem:hover,
#prefbar-menu-popup menuitem[type="radio"]:hover,
#prefbar-menu-popup menuitem[type="checkbox"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menu[label="User\ Agent"] {
margin-bottom: 0px ! important;
}

#prefbar-menu-popup menu[label="Image\ Menu"] {
margin-top: 1px ! important;
margin-bottom: 0px ! important;
}

#prefbar-menu-popup menu[label="Auflösung"] {
margin-bottom: 0px ! important;
}

#prefbar-menu-popup menuitem[label="Restart"] {
-moz-appearance: none !important;
background-color: #195094 ! important;
color: #FFF ! important;
padding: 1px 2px ! important;
}
#prefbar-menu-popup menuitem[label="Restart"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menuitem[label="Suche nach Updates"] {
-moz-appearance: none ! important;
background-color: #01F ! important;
color: #FFF ! important;
padding: 1px 2px ! important;
}
#prefbar-menu-popup menuitem[label="Suche nach Updates"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menuitem[label="ReloadDomain"] {
-moz-appearance: none ! important;
background-color: #404040 ! important;
color: #FFF ! important;
padding: 1px 2px ! important;
}
#prefbar-menu-popup menuitem[label="ReloadDomain"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menuitem[label="Einstellungen"] {
-moz-appearance: none ! important;
background-color: #808080 ! important;
color: #FFF !important;
padding: 1px 2px ! important;
margin-top: 1px ! important;
}
#prefbar-menu-popup menuitem[label="Expire History"] {
-moz-appearance: none ! important;
background-color: #808080 ! important;
color: #FFF !important;
padding: 1px 2px ! important;
}
#prefbar-menu-popup
menuitem[label="Anpassen"][id="prefbar:button:customize"] {
-moz-appearance: none ! important;
border: 1px solid #144473 ! important;
-moz-border-top-colors: #144473 ! important;
-moz-border-right-colors: #144473 ! important;
-moz-border-bottom-colors: #144473 ! important;
-moz-border-left-colors: #144473 ! important;
background-color: #144473 ! important;
color: #FFF ! important;
padding: 1px 2px 1px 2px ! important;
margin-top: 1px ! important;
margin-bottom: 0px ! important;
}
#prefbar-menu-popup menuitem[label="Einstellungen"]:hover,
#prefbar-menu-popup menuitem[label="Expire History"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}
#prefbar-menu-popup
menuitem[label="Anpassen"][id="prefbar:button:customize"]:hover {
border: 1px solid #AABCCF ! important;
-moz-border-top-colors: #AABCCF ! important;
-moz-border-right-colors: #AABCCF ! important;
-moz-border-bottom-colors: #AABCCF ! important;
-moz-border-left-colors: #AABCCF ! important;
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menuitem[label="Reload Window"] {
-moz-appearance: none ! important;
background-color: #404040 ! important;
color: #FFF ! important;
padding: 1px 2px ! important;
margin-top: 1px ! important;
margin-bottom: 1px ! important;
}
#prefbar-menu-popup menuitem[label="Reload Window"]:hover {
background-color: #EEE8AA ! important;
color: #000 ! important;
}

#prefbar-menu-popup menuitem[label="Java"] { margin-top: 1px ! important; }
#prefbar-menu-popup menuitem[label="PDF"] { margin-top: 1px ! important; }

#prefbar-menu-popup menuitem[label="PDF-JS"] {
margin-top: 1px ! important;
}

#prefbar-menu-popup menu[label="Language"] { margin-top: 1px ! important; }

#prefbar-menu-popup menu[label="Addon Developer Buttons"],
#prefbar-menu-popup menu[label="Addon Developer Buttons"] menuitem {
margin-top: 1px ! important;
}

#prefbar-menu-popup menuitem,
#prefbar-menu-popup menu {
-moz-appearance: none ! important;
min-height: 19px ! important;
max-height: 19px ! important;
}

#prefbar-menu-popup .menu-iconic-icon,
#prefbar-menu-popup .menu-iconic-text {
-moz-appearance: none ! important;
padding: 0px ! important;
margin: 0px ! important;
}

#prefbar-menu-popup menuseparator {
-moz-appearance: none ! important;
border-top: 1px solid #9FB2C5 ! important;
border-right: 0px ! important;
border-bottom: 1px solid #9FB2C5 ! important;
border-left: 0px ! important;
padding: 0px ! important;
margin: 1px 0px 0px 0px ! important;
}
/* Prefbar */

P.S.:
Die Labels sind allerdings z.T. auf von mir selbst erstellte Button
abgestimmt, musst halt schauen was Du daraus machen kannst.

und wech
Ralf
ERROR: Coffeepot not found - Operator halted.

Ähnliche fragen