Hm, das war aber vorher auch schon da...
Natürlich war das schon da, jede Zeile muss mit einem Semikolon abgeschlossen werden. Angaben müssen davor stehen, also in diesem Fall no-repeat !important
Hm, das war aber vorher auch schon da...
Natürlich war das schon da, jede Zeile muss mit einem Semikolon abgeschlossen werden. Angaben müssen davor stehen, also in diesem Fall no-repeat !important
...es ging doch um das Semikolon zwischen der Bildadresse und no-repeat !important;
..und warum wird Bild 64 OHNE dieses Semikolon NICHT angezeigt?
es ging doch um das Semikolon zwischen der Bildadresse und no-repeat !important;
Eben darum habe ich geschrieben, dass das Semikolon eine Zeile abschließt und alles andere davor steht. Das überflüssige Semikolon hast du bloß vergessen mitzulöschen, als du das doppelte no-repeat !important gelöscht hast.
Schau doch bitte den Screenshot aus #499 und den Code an und erkläre, warum das Bild 64 OHNE das Semikolon in der Mitte nicht erscheint
Und wieder:
Mach es ordentlicher
background: url("..//icons/Bild63.png") no-repeat !important;
dann wieder mit -image
background-image: url("..//icons/Bild64.png") no-repeat !important;
Mal child 7...dann 8
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)
#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before
Hier sieht das so aus:
mit diesem Code:
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
content: '';
font-size: 14px;
padding-left: 13px !important;
padding-top: 1px !important;
padding-bottom: 2px !important;
display: block;
width: 16px;
height: 16px;
background: url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_057.gif") no-repeat !important;
background-size: 18px 18px !important;
margin-left: 5px;
margin-right: -32px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("file:///C:/Users/Andi/Icons%20Firefox/Computer_File_057.gif") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
Alles anzeigen
Oha, das habe ich nun bereinigt, am eigentlichen Problem ändert sich dadurch aber nix...
/* Icons des Stern-Kontextmenü */
#page-options > panel-list:nth-child(1) > panel-item:nth-child(1)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild5.png") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(2)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild61.png") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(4)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild3.png") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(5)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild66.ico") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7) {
fill: transparent !important;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild62.png") no-repeat !important;
background-size: 18px 18px !important;
margin-left: 16px;
margin-right: -32px;
margin-bottom: 3px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
content: '';
font-size: 14px;
padding-left: 13px !important;
padding-top: 1px !important;
padding-bottom: 2px !important;
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild63.png") no-repeat !important;
background-size: 18px 18px !important;
margin-left: 15px;
margin-right: -32px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(8)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild64.png") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
#page-options > panel-list:nth-child(1) > panel-item:nth-child(10)::before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild67.png") no-repeat !important;
background-size: 16px 16px !important;
margin-left: 15px;
margin-right: -31px;}
}
Alles anzeigen
am eigentlichen Problem ändert sich dadurch aber nix...
Ich hatte dir ja schon gesagt, da funkt dir ein anderer Code dazwischen.
Siehe meine ganzen Screenshot...da ist das alles richtig.
Ich konnte es lösen...
#page-options > panel-list:nth-child(1) > panel-item:nth-child(7):not([checked])::before {
content: '';
font-size: 14px;
padding-left: 0px !important;
padding-top: 1px !important;
padding-bottom: 2px !important;
display: block;
width: 16px;
height: 16px;
background: url("..//icons/Bild63.png") no-repeat !important;
background-size: 18px 18px !important;
margin-left: 15px;
margin-right: -32px;
margin-bottom: 3px;}
Alles anzeigen
Danke für Eure Bemühungen und Hinweise...
Hallo Büssen,
habe mal von dir diesen Code übernommen:
danach habe ich noch viel geändert, hier mein kompletter aktueller Code:
/*** AGENT_SHEET *********************/
/*** Geändert von EDV-Oldie **********/
/*** Letzte Änderung am 27.05.2020 ***/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
/* FF - Add-ons-Manager - Empfehlungen */
#main > div > discovery-pane > header {
display: none !important;
}
/* FF - Add-ons-Manager linke Spalte */
#sidebar {
background-color: darkgray !important;
}
#categories {
margin-top:-1px !important;
}
#categories > .category,
.sidebar-footer-list {
margin-left:1px!important;
}
.category {
margin-top: 15px !important;
}
.category[name="discover"] {
background: url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
background-position: 8px 12px !important;
}
.category[name="discover"]:hover {
color: yellow !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
background-position: 8px 12px !important;
}
.category[name="discover"][aria-selected="true"] {
color: green !important;
border-radius: 60px !important;
border: 1px solid grey !important;
background: silver url("../../../Icons/Add-ons-Web_24.png") no-repeat !important;
background-position: 8px 12px !important;
}
.category[name="extension"] {
background: url("../../../Icons/addon_grün_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="extension"]:hover {
color:yellow !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/addon_grün_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="extension"][aria-selected="true"] {
color: green !important;
border-radius: 60px !important;
border: 1px solid grey !important;
background: silver url("../../../Icons/addon_grün_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="theme"] {
background: url("../../../Icons/themen_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="theme"]:hover {
color:yellow !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/themen_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="theme"][aria-selected="true"] {
color: green !important;
border-radius: 60px !important;
border: 1px solid grey !important;
background: silver url("../../../Icons/themen_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="plugin"] {
background: url("../../../Icons/plugin_32.png") no-repeat !important;
background-position:4px 8px!important;
}
.category[name="plugin"]:hover {
color:yellow !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/plugin_32.png") no-repeat !important;
background-position:4px 8px!important;
}
.category[name="plugin"][aria-selected="true"] {
color: green !important;
border-radius: 60px !important;
border: 1px solid grey !important;
background: silver url("../../../Icons/plugin_32.png") no-repeat !important;
background-position:4px 8px!important;
}
.category[name="dictionary"] {
background: url("../../../Icons/wörterbücher_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="dictionary"]:hover {
color:yellow !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/wörterbücher_24.png") no-repeat !important;
background-position:8px 12px!important;
}
.category[name="dictionary"][aria-selected="true"] {
color: green !important;
border-radius: 60px !important;
border: 1px solid grey !important;
background: silver url("../../../Icons/wörterbücher_24.png") no-repeat !important;
background-position:8px 12px!important;
}
#preferencesButton {
background: url("../../../Icons/config.png") no-repeat !important;
background-position:11px 9px!important;
}
#preferencesButton:hover {
color:yellow !important;
margin-top:4px !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/config.png") no-repeat !important;
background-position:11px 9px!important;
}
#help-button {
background: url("../../../Icons/hilfe.png") no-repeat !important;
background-position:11px 9px!important;
}
#help-button:hover {
color:yellow !important;
margin-top:4px !important;
border-radius: 60px !important;
border: 1px solid white !important;
background: gray url("../../../Icons/hilfe.png") no-repeat !important;
background-position:11px 9px!important;
}
/* FF - Add-ons-Manager rechte Spalte */
/* Rechte Spalte Breite einstellen */
/* Farbe */
#content,
.sticky-container,
.main-search,
.main-heading {
background: silver !important;
}
/* Name für Erweiterungen & erste Zeile */
.header-name {
font-size:0px !important;
margin-top: 17px !important;
}
.header-name[data-l10n-id="extension-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Erweiterungen von EDV-Oldie' !important;
}
.header-name[data-l10n-id="theme-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Themen von EDV-Oldie' !important;
}
.header-name[data-l10n-id="plugin-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Plugins von EDV-Oldie' !important;
}
.header-name[data-l10n-id="dictionary-heading"]::after {
font-size:18px !important;
font-weight: bold !important;
color: blue !important;
content: 'Wörterbücher von EDV-Oldie' !important;
}
.main-search {
max-height: 10px !important;
}
/* Name für Erweiterungen Ende */
.search-label{display: none !important; }
.header-name{margin-top: -35px !important; }
#updates-message{margin-top: -75px !important;}
.page-options-menu{margin-top: -70px !important; margin-right: 100px !important;}
.main-search{margin-left: 500px !important;}
/* Name für Erweiterungen & erste Zeile Ende */
/* Rechte Spalte Breite einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 72vw !important;
border-radius: 15px !important;
border: 2px solid grey !important;
}
/* Hintergrund der Container bei Hover andere Farbe */
addon-list addon-card > .addon.card:hover {
background: lightsteelblue !important;
}
/* Umrandung der Container bei Hover breiter Rand und andere Farbe */
:root {
--card-outline-color: royalblue !important;
}
/* Hover in expanded */
button.tab-button:hover {
background: skyblue !important;
}
/* Themen */
.card-heading-image {
margin-top: 1px !important;
margin-left: 1px !important;
}
addon-card .addon.card[active="false"] .theme-enable-button {
border-radius: 15px !important;
border: 1px solid grey !important;
background: #dddddd !important;
}
addon-card .addon.card[active="true"] .theme-enable-button {
border-radius: 15px !important;
border: 1px solid grey !important;
background: #dddddd !important;
}
addon-card:hover .addon.card[active="true"] .theme-enable-button {
border-radius: 15px !important;
border: 1px solid grey !important;
background: red !important;
}
addon-card:hover .addon.card[active="false"] .theme-enable-button {
border-radius: 15px !important;
border: 1px solid grey !important;
background: green !important;
}
/* More-Options-Button ... */
.more-options-button {
border-radius: 15px !important;
border: 1px solid grey !important;
}
/* Aktiv-Passiv Farbe */
.list-section-heading[data-l10n-id="extension-enabled-heading"],
.list-section-heading[data-l10n-id="theme-enabled-heading"],
.list-section-heading[data-l10n-id="plugin-enabled-heading"],
.list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
background: gainsboro !important;
max-width: 100px !important;
font-weight: bold !important;
color: green !important;
text-indent: 15px;
border-radius:10px!important;
border: 2px solid grey !important;
}
.list-section-heading[data-l10n-id="extension-disabled-heading"],
.list-section-heading[data-l10n-id="theme-disabled-heading"],
.list-section-heading[data-l10n-id="plugin-disabled-heading"],
.list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
background: gainsboro !important;
max-width: 120px !important;
font-weight: bold !important;
color: red !important;
text-indent: 15px;
border-radius:10px!important;
border: 2px solid grey !important;
}
/* Aktiv-Passiv Farbe Ende */
/* Add-on Manager - Farbe der Elemente anpassen */
.addon.card {
background: gainsboro !important;
max-width: initial !important;
}
/* Add-on Manager - Farbe der Elemente anpassen Ende */
#list-view > #addon-list .date-updated {
display: block !important; }
/* Add-ons-update */
panel-list {
background: gainsboro !important;
}
.more-options-button[action="page-options"] {
background: url("../../../Icons/update.png") no-repeat !important;
border: 1px solid blue !important;
padding-left:5px!important;
background-position:5px 5px !important;
}
.more-options-button[action="page-options"]:hover {
background: gray url("../../../Icons/update.png") no-repeat !important;
border: 1px solid blue !important;
padding-left:5px!important;
background-position:5px 5px !important;
}
panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/updates_prüfen.png") !important; }
panel-item[action="view-recent-updates"][data-l10n-id="addon-updates-view-updates"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/update_1.png") !important; }
panel-item[action="install-from-file"][data-l10n-id="addon-install-from-file"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/update_2.png") !important; }
panel-item[action="debug-addons"][data-l10n-id="addon-open-about-debugging"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_debuggen.png") !important; }
panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important;
}
/* panel-item[action="set-update-automatically"][data-l10n-id="addon-updates-update-addons-automatically"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/blocked.png") !important; } */
panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-automatic"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_auto.png") !important;
}
panel-item[action="reset-update-states"][data-l10n-id="addon-updates-reset-updates-to-manual"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons_manuell.png") !important; }
panel-item[action="manage-shortcuts"][data-l10n-id="addon-manage-extensions-shortcuts"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/keybord.png") !important; }
/* Ghost Button Erweiterungen */
/* panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/deaktivieren.png") !important; }
panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/addons.png") !important; }
*/
panel-item[action="remove"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/papierkorb_rot.png") !important; }
panel-item[action="install-update"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/update.png") !important; }
panel-item[action="preferences"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/config.png") !important; }
panel-item[action="report"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/warnung.png") !important; }
panel-item[action="expand"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/V_grün.png") !important; }
/* Ghost Button Plugins */
panel-item[data-l10n-id="manage-addon-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/addon_verwalten.png") !important; }
panel-item[data-l10n-id="ask-to-activate-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/info_1.png") !important }
panel-item[data-l10n-id="always-activate-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/always-activate.png") !important; }
panel-item[data-l10n-id="never-activate-button"] {
--icon: url("file:///C:/Dropbox/Chrome/Icons/never-activate.png") !important; }
/* Ghost Button weitere Einstellungen */
named-deck-button[data-l10n-id="permissions-addon-button"] {
background: red !important;
color: green !important; }
}
/* Add-ons-Manager Ende */
/* FF - Add-ons-Manager - checkbox
menuitem[checked="true"] > .menu-iconic-left{
-moz-appearance: menuimage !important;
}
menuitem[type="checkbox"] .menu-iconic-icon {
display:block !important;
}
menuitem[type="checkbox"] {
-moz-appearance:none !important;
margin-bottom: 4px !important;
background: url("../../../Icons/blocked.png") no-repeat !important;
padding-left:5px!important;
background-position:5px 1px !important;}
menuitem[type="checkbox"][checked="true"] {
-moz-appearance:none !important;
margin-bottom: 4px !important;
background: url("../../../Icons/V_grün.png") no-repeat !important;
padding-left:5px!important;
background-position:5px 1px !important;}
*/
Alles anzeigen
der ist natürlich nicht bunt, da ich ein Fan von Silvermel war ist bei mir fast alles Silbern
Gruß
EDV-Oldi
Im oberen Bereich hakt es auch noch?
ja ich weiß, der Code steht irgend wo anders, leider habe ich noch nicht gefunden wo.
Das ist mir erst aufgefallen, bei einem Code von Endor, der bei mir keine Wirkung zeigte.
Jetzt bin ich dabei alle css Dateien mit der genauen Bezeichnung z.B.(
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {) zu versehen.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.
/* Rechte Spalte Breite einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 72vw !important;
border-radius: 15px !important;
border: 2px solid grey !important;
}
die erste Zeile in diesem Code .card ist für die Rundung im Themenbereich zuständig, vielleicht kopierst Du nur einmal zum Test diesen in Deinem Code.
Gruß
EDV-Oldi
Im oberen Bereich hakt es auch noch?
ja ich weiß, der Code steht irgend wo anders, leider habe ich noch nicht gefunden wo.
Das ist mir erst aufgefallen, bei einem Code von Endor, der bei mir keine Wirkung zeigte.
Jetzt bin ich dabei alle css Dateien mit der genauen Bezeichnung z.B.(
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {) zu versehen.Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.
/* Rechte Spalte Breite einstellen */
.card,
addon-list addon-card > .addon.card,
addon-card[expanded] >.addon.card {
width: 72vw !important;
border-radius: 15px !important;
border: 2px solid grey !important;
}
die erste Zeile in diesem Code .card ist für die Rundung im Themenbereich zuständig, vielleicht kopierst Du Dir diesen nur einmal zum Test Deinem Code.
So ich habe den Fehler gefunden.
Ersetze diesen Code
/* Rechte Spalte Breite einstellen */
/* Farbe */
#content,
.main-search,
.main-heading {
background: silver !important;
}
Durch diesen, mit dem sollte es funktionieren
/* Rechte Spalte Breite einstellen */
/* Farbe */
#content,
.sticky-container,
.main-search,
.main-heading {
background: silver !important;
}
Was
Gruß
EDV-Oldi
Moin edvoldi,
nachdem ich o.g. Code installiert habe, sieht es nunmehr so aus:
In Themes sieht es noch nicht so aus, wie im #498 dargestellt. Vielleicht fällt dir noch was ein?
Ich habe da einen Code der auf mehrere Seiten wirkt und ich weiß noch nicht wo der ist.
den habe ich vorher auch schon nutzen können, z.B. für dieses Forum:
Daher fand ich es ganz praktisch, hervorgerufen durch deinen (versteckten) Code.
Übrigens bin ich auch ein Fan von "Silvermel" - genutzt seinerzeit im Firefox und Thunderbird.
Erst mal Danke für die Bemühungen!
Hallo Büssen,
ich würde erst einmal nur meinen Code nehmen und testen was fehlt oder falsch ist.
Auch im Kreis neben Themen von EDV-Oldie, das solltest Du auch noch ändern, denn es sind ja Deine, fehlt ein Icon.
das müsstest Du löschen oder ein anderes Icon eingeben.
Im Code #509 habe ich schon die fehlende Farbe im oberen Bereich eingetragen.
Dann würde ich so nach und nach die anderen Änderungen eintragen.
Ich habe gerade zum Test einmal das Thema installiert, das sieht bei mir so aus.
Gruß
EDV-Oldi
Hallo Büssen,
ich würde erst einmal nur meinen Code nehmen und testen was fehlt oder falsch ist.
Auch im Kreis neben Themen von EDV-Oldie, das solltest Du auch noch ändern, denn es sind ja Deine, fehlt ein Icon.das müsstest Du löschen oder ein anderes Icon eingeben.
Im Code #509 habe ich schon die fehlende Farbe im oberen Bereich eingetragen.
Hallo edvoldi,
vielen Dank für die Antwort, die mich aber erneut vor ein Problem stellt.
Ich hatte den Code von #509 gleich, nachdem eingestellt, bei mir unter FX 76.01. installiert.
Der (jetzige) Code' im #509 ist aber ein anderer - den müsstest du inzwischen geändert haben
Zuerst war es dieser:
/*** AGENT_SHEET *********************/
/*** Geändert von EDV-Oldie **********/
/*** Letzte Änderung am 27.05.2020 ***/
@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) {
Nun steht da aber ein anderer:
/*** AGENT_SHEET *********************/
/*** Geändert von EDV-Oldie **********/
/*** Letzte Änderung am 28.05.2020 ***/
/*** https://www.camp-firefox.de/forum/thema/130540-about-seiten-mit-css-codes-anpassen/ */
@-moz-document url-prefix(about:preferences) {
Zitatbackground: url("../../../Icons/update.png") no-repeat !important;
Das haut mich aus den Socken - denn in beiden ist diese Zeile
nicht vorhanden.
Ich weiß nun nicht mehr, wo bei mir genau der Fehler liegen könnte .
Vielleicht hilfst du mir mal auf die Sprünge?
Der (jetzige) Code' im #509 ist aber ein anderer - den müsstest du inzwischen geändert haben
Im Code #509 habe ich schon die fehlende Farbe im oberen Bereich eingetragen.
Diesen Code
findest Du unter /* Add-ons-update */ in meinem Code.
Oh Schreck, ich sehe gerade das ich den falschen Code in #509 kopiert habe.,
jetzt ist der richtige drin.
Gruß
EDV-Oldi
Hallo edvoldi ,
Oh Schreck, ich sehe gerade das ich den falschen Code in #509 kopiert habe.,
jetzt ist der richtige drin.
Der Schreck ist inzwischen wohl verflogen!
Ich habe mir nunmehr mal die Mühe gemacht, deine "about addons" vom 02.0420 für mich umzubauen.
sieht so aus:
Wie spreche ich nun (s.a. Pfeil) "Werkzeuge für alle Addons" an? Hier ist es ja noch ein Quadrat - in deiner neuen Fassung ist es ein Kreis.
Ich schaffe es nicht, dort ein Icon unter zu bringen.
Hallo Büssen,
das ist der Code für den Kreis.
/* More-Options-Button ... */
.more-options-button {
border-radius: 15px !important;
border: 1px solid grey !important;
}
und hier für das Icon, Du musst natürlich Deinen Pfad eingeben oder das Bild direkt.
.more-options-button[action="page-options"] {
background: url("../../../Icons/update.png") no-repeat !important;
border: 1px solid blue !important;
padding-left:5px!important;
background-position:5px 5px !important;
}
.more-options-button[action="page-options"]:hover {
background: gray url("../../../Icons/update.png") no-repeat !important;
border: 1px solid blue !important;
padding-left:5px!important;
background-position:5px 5px !important;
}
Alles anzeigen
Gruß
EDV-Oldi
Hallo,
das Quadrat konnte ich mit dem ersten Code in einen Kreis verwandeln.
Habe versucht, meinen Pfad zu den Icons einzugeben:
Den Pfad habe ich zu meinem Profil gewählt - nach oberer Vorgabe.
z.B. "G:/Firefox_2-Profil/chrome/Icons/update.png"
Hat aber nicht funktioniert. Was mache ich falsch?
Nachtrag: Fehler entdeckt >> habe die Klammern nicht entfernt!!
Ich benötige wieder einmal Hilfe. Unter Einstellungen habe ich links den Icons Farbe verpasst. Sieht dann so aus:
Das habe ich so erreicht für z.B. die Suche:
#categories .category[name="search"],
#category-search .category-icon {
fill: dodgerblue !important;
}
Das hat mit den vier Button oben funktioniert, nur die beiden links unten, da klappt es nicht. Wie muss ich diese Button ansprechen?