So, grundsätzlich funktioniert meine Version des Skriptes nun auch ab FF 143
Diese Variante des Skripts 2023 funktioniert auch in Firefox v143, mit Ausnahme des Farbverlaufs. Außerdem funktionieren beide Skripte nicht mehr in den Ordnern der Lesezeichenleiste (zusätzlich ist der Stil von Aris-t2 erforderlich). Der Scrollbar wird zwar angezeigt, aber der Stil wird nicht angewendet.
link[href$="arrowscrollbox.css"] ~ scrollbox[orient="vertical"] {
overflow-y: auto !important;
}Danke für das Feedback.
.... , mit Ausnahme des Farbverlaufs.
Das meinte ich mit 3-D-Effekt.
Außerdem funktionieren beide Skripte ....
Welche beiden Skripte?
... nicht mehr in den Ordnern der Lesezeichenleiste ...
Dazu kann ich absolut nichts "sagen"! Ich hatte bisher nicht das Problem, bzw. so viele Lesezeichen, dass da irgendwo
eine Scrollbar auftauchte.
Bräuchte mal ein Bild dazu, Version 142 und 143+
Bräuchte mal ein Bild dazu, Version 142 und 143+
L - 143, R - 142 Das ist ungefähr richtig.
Aris-t2. L - 142, R - 143 Das ist ungefähr richtig. In 143 der Stil des Skripts hat keinen Einfluss auf die Farbe des Scrollbars in den Ordnern der Lesezeichenleiste.
Zusätzlich kann der Farbstil der Bildlaufleiste in den Ordnern der Lesezeichenleiste über about:config angepasst werden, indem Farben ausgewählt werden, die den Farben im Skript ähneln.
der Farbstil der Bildlaufleiste in den Ordnern der Lesezeichenleiste
Sollte ich dich falsch verstanden haben, dann sorry.
Aber es gibt Standard dort keine Scrollleiste
Oder meintest du an anderer Stelle?
Aber es gibt Standard dort keine Scrollleiste
Dazu ist das CSS aus Beitrag #21 erforderlich. Ohne den generischen Scrollbar-Stil wird die Leiste wie das L in Beitrag #23 aussehen.
das CSS aus Beitrag #21 erforderlich
Sorry, das hatte ich übersehen.
lenny2 Bitte die Konfiguration, die Du im Skript von Aris verwendet hast
Bitte die Konfiguration, die Du im Skript von Aris verwendet hast
v142
Hier nun mein überarbeitetes Skript!
Auch wenn ich den Code von den Symbolen eigentlich nicht ins Skript schreiben wollte,
musste ich es dennoch machen, weil ... , wegen des internen Codes.
Habe weitere Parameter aus dem originalen Skript eingebaut, und so lässt sich nun
die Scrollleiste z.B. auch schmal machen.
Probiert es aus und wenn etwas unklar ist, fragen!
Eine weniger schöne Sache muss ich aber noch erwähnen!
Der Farbverlauf funktioniert ab Firefox 143 nicht mehr. Warum? Ich weiß es nicht.
Bleibe aber dran
// Scrollbar.uc.js
"use strict";
/* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox ************************************************************ */
/* Original by Aris (aris-addons@gmx.net)************************************************************************************* */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js
/* *************************************************************************************************************************** */
/* Customized by Mira********************************************************************************************************* */
/* https://www.camp-firefox.de/forum/thema/135133-custom-scrollbars-uc-js-anpassen/ ****************************************** */
/* Scrollbar.v1.0.6.js https://www.camp-firefox.de/forum/thema/135133/?postID=1207718#post1207718************************** */
/* https://www.camp-firefox.de/forum/thema/136152/?postID=1222989#post1222989************************************************* */
/* Scrollbar.v2.0.2.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223096#post1223096************************** */
/* Scrollbar.v2.0.3.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223124#post1223124************************** */
/* Scrollbar.v2.0.5.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223143#post1223143************************** */
/* Scrollbar.v2.0.6.1.js https://www.camp-firefox.de/forum/thema/136167/?postID=1223162#post1223162************************** */
/* *************************************************************************************************************************** */
/* Custom Scrollbars for Firefox ********************************************************************************************* */
/* Version: 2.0.7 RC2 for Firefox 143+ *************************************************************************************** */
/* ******************************************************************************************************************************
README
about:config >
widget.windows.overlay-scrollbars.enabled > false (Windows)
widget.gtk.overlay-scrollbars.enabled > false (Linux)
[!] The above preferences have to be set to 'false' for this code to work
[!] DER STARTUP-CACHE MUSS NACH JEDER ÄNDERUNG GELÖSCHT WERDEN!
-> Ordner 'startupCache' finden: Adressleiste > about:profiles > Lokales Verzeichnis > Ordner öffnen > startupCache
-> Firefox schließen
-> Inhalt des 'startupCache'-Ordners löschen
Alternativ mit einem JavaScipt!
-> https://github.com/Endor8/userChrome.js/blob/master/Firefox%2087/RestartFirefoxButtonM.uc.js
Anpassungen vornehmen > Werte ändern
- Optionen aktivieren/deaktivieren: true <-> false
- Farbe
- Name: red, blue, transparent
- Hexcode: #33CCFF, #FFF
- rgb(a): rgba(0,0,255,0.8)
- hsl(a): hsla(240,100%,50%,0.8)
- Zahlen: 1, 2, 3 ... 10, 11, 12 ...
- Deckkraft (in Dezimalzahlen): 0.0 bis 1.0 z.B. 1.4 oder 1.75
- Farbverläufe: linear-gradient(direction, color, color, color)
- Beispiel für Farbverläufe: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
- vordefinierte Farbverläufe: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
- keine Farbe oder keine Farbwerte -> verwende "unset"
*/
/* *************************************************************************************************************************** */
(function() {
// PROFILE PHATH "CALCULATE"
let ProfileDirectory = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
// GENERAL SCROLLBAR SETTINGS
const custom_scrollbar_size_value = 17; // in px // default: custom_scrollbar_size_value = 17
// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
const custom_scrollbars = true; // default: custom_scrollbars = true
const custom_scrollbar_arrows = true; // default: custom_scrollbar_arrows = true
const custom_scrollbar_arrows_version = 1; // default: custom_scrollbar_arrows_version = 1
// 1 ==> SVG arrows as code: might not work on some pages
// 2 ==> SVG arrows as files: placed inside 'chrome\icons' folder
// only for 'custom_scrollbar_arrows_version = 1'
const custom_scrollbar_arrows_color = "%23bfbfbf"; // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
const custom_scrollbar_arrows_hover_color = "%23ffae00"; // default: custom_scrollbar_arrows_hover_color = "orange"; # ==> %23
const cs_thumb_border = 1; // default: cs_thumb_border = 0 / in px 1
const cs_thumb_roundness = 9; // default: cs_thumb_roundness = 0 / in px 9
const cs_buttons_border = 0; // default: cs_buttons_border = 0 / in px
const cs_buttons_roundness = 0; // default: cs_buttons_roundness = 0 / in px
const cs_thumb_minimal_size = 12; // default: cs_thumb_minimal_size = 12; / in px
const cs_ignore_color_gradients = true; // default: cs_ignore_color_gradients = false / 'flat' scrollbars
// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
const cs_background_color = "#5b5b66"; // default: cs_background_color = "#DDDDDD"
let cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,0,0,0.5),transparent)"; // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,0,0,0.5),transparent)"; // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
let cs_arrows_on_buttons_buttons_size = 1.0; // default: cs_arrows_on_buttons_buttons_size = 1.0
let cs_background_roundness = 0; // default: cs_background_roundness = 0 / in px
// - corner
const cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD" / - corner
let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"; // default: cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"
// - thumb/slider
const cs_thumb_color = "#bfbfbf"; // default: cs_thumb_color = "#33CCFF" / thumb/slider
let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,0,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,0,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_thumb_hover_color = "#ffae00"; // default: cs_thumb_hover_color = "#66FFFF"
let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_thumb_border_color = "#5b5b66"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
const cs_buttons_color = "#5b5b66"; // default: cs_buttons_color = "#66FFFF" "#5b5b66"/ buttons
let cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const cs_buttons_hover_color = "#5b5b66"; // default: cs_buttons_hover_color = "#33CCFF"
const cs_buttons_border_color = "#5b5b66"; // default: cs_buttons_border_color = "#33CCFF" "#5b5b66"
let cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
let cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
const hide_scrollbars = false; // default: hide_scrollbars = false
const hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
const thin_scrollbars = false; // default: thin_scrollbars = false / browsers own way to show thin scrollbars
const custom_scrollbar_opacity = true; // default: custom_scrollbar_opacity = false
const custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
/* *************************************************************************************************************************** */
// unset background image color gradients -> flat scrollbars
if(cs_ignore_color_gradients === true)
cs_background_image_vertical
= cs_background_image_horizontal
= cs_corner_background_image
= cs_thumb_image_vertical
= cs_thumb_image_horizontal
= cs_thumb_hover_image_vertical
= cs_thumb_hover_image_horizontal
= cs_buttons_image_vertical
= cs_buttons_image_horizontal
= cs_buttons_hover_image_vertical
= cs_buttons_hover_image_horizontal
= "unset";
let custom_scrollbars_code='';
let custom_scrollbar_arrows_code='';
let hide_scrollbar_buttons_code='';
let custom_scrollbar_opacity_code='';
let hide_scrollbars_code='';
let thin_scrollbars_code='';
if(custom_scrollbars === true)
custom_scrollbars_code=`
slider, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {
appearance: auto;
-moz-default-appearance: none !important;
}
slider {
background-color: ${cs_background_color} !important;
}
scrollbar[vertical] slider {
background-image: ${cs_background_image_vertical} !important;
border-radius: ${cs_background_roundness}px !important;
}
scrollbar[horizontal] slider {
background-image: ${cs_background_image_horizontal} !important;
border-radius: ${cs_background_roundness}px !important;
}
scrollcorner {
background-color: ${cs_corner_background_color} !important;
background-image: ${cs_corner_background_image} !important;
}
scrollbar thumb {
background-color: ${cs_thumb_color} !important;
border-radius: ${cs_thumb_roundness}px !important;
box-shadow: inset 0 0 0 ${cs_thumb_border}px ${cs_thumb_border_color} !important;
}
scrollbar thumb[vertical] {
background-image: ${cs_thumb_image_vertical} !important;
min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb[horizontal] {
background-image: ${cs_thumb_image_horizontal} !important;
min-width: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important;
}
scrollbar thumb:hover, scrollbar thumb:active {
background-color: ${cs_thumb_hover_color} !important;
}
scrollbar thumb[vertical]:hover, scrollbar thumb[vertical]:active {
background-image: ${cs_thumb_hover_image_vertical} !important;
}
scrollbar thumb[horizontal]:hover, scrollbar thumb[horizontal]:active {
background-image: ${cs_thumb_hover_image_horizontal} !important;
}
scrollbar scrollbarbutton {
background-color: ${cs_buttons_color} !important;
border-radius: ${cs_buttons_roundness}px !important;
box-shadow: inset 0 0 0 ${cs_buttons_border}px ${cs_buttons_border_color} !important;
height: 17px !important;
width: 17px !important;
}
scrollbar[vertical] scrollbarbutton {
background-image: ${cs_buttons_image_vertical} !important;
}
scrollbar[horizontal] scrollbarbutton {
background-image: ${cs_buttons_image_horizontal} !important;
}
scrollbar scrollbarbutton:hover {
background-image: ${cs_buttons_hover_color} !important;
}
scrollbar[vertical] scrollbarbutton:hover {
background-image: ${cs_buttons_hover_image_vertical} !important;
}
scrollbar[horizontal] scrollbarbutton:hover {
background-image: ${cs_buttons_hover_image_horizontal} !important;
}
`;
if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 1)
custom_scrollbar_arrows_code=`
scrollbar scrollbarbutton {
background-repeat: no-repeat !important;
background-position: center center !important;
}
/* arrow-up */
scrollbar[vertical] > scrollbarbutton[type="decrement"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m8.352 5.001 5.466 5.465a.623.623 0 0 1-.001.884.628.628 0 0 1-.885 0L7.999 6.416l-4.932 4.933a.626.626 0 0 1-.885-.885L7.648 5l.704.001z'/%3E%3C/svg%3E ") !important;
}
/* arrow-down */
scrollbar[vertical] > scrollbarbutton[type="increment"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m8.352 10.999 5.466-5.465a.623.623 0 0 0-.001-.884.628.628 0 0 0-.885 0L7.998 9.585l-4.93-4.934a.626.626 0 0 0-.885.885L7.648 11l.704-.001z'/%3E%3C/svg%3E ") !important;
}
/* arrow-left */
scrollbar[horizontal] > scrollbarbutton[type="decrement"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m5.001 8.352 5.465 5.466a.626.626 0 0 0 .884-.886L6.416 7.999l4.933-4.932a.626.626 0 0 0-.885-.885L5 7.647l.001.705z'/%3E%3C/svg%3E ") !important;
}
/* arrow-right */
scrollbar[horizontal] > scrollbarbutton[type="increment"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m10.999 8.352-5.465 5.466a.626.626 0 0 1-.884-.886l4.935-4.934-4.934-4.931a.626.626 0 0 1 .885-.885L11 7.647l-.001.705z'/%3E%3C/svg%3E ") !important;
}
/* arrow-up */
scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_hover_color}' %3E%3Cpath d='m8.352 5.001 5.466 5.465a.623.623 0 0 1-.001.884.628.628 0 0 1-.885 0L7.999 6.416l-4.932 4.933a.626.626 0 0 1-.885-.885L7.648 5l.704.001z'/%3E%3C/svg%3E ") !important;
}
/* arrow-down */
scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_hover_color}' %3E%3Cpath d='m8.352 10.999 5.466-5.465a.623.623 0 0 0-.001-.884.628.628 0 0 0-.885 0L7.998 9.585l-4.93-4.934a.626.626 0 0 0-.885.885L7.648 11l.704-.001z'/%3E%3C/svg%3E ") !important;
}
/* arrow-left */
scrollbar[horizontal] > scrollbarbutton[type="decrement"]:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_hover_color}' %3E%3Cpath d='m5.001 8.352 5.465 5.466a.626.626 0 0 0 .884-.886L6.416 7.999l4.933-4.932a.626.626 0 0 0-.885-.885L5 7.647l.001.705z'/%3E%3C/svg%3E ") !important;
}
/* arrow-right */
scrollbar[horizontal] > scrollbarbutton[type="increment"]:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_hover_color}' %3E%3Cpath d='m10.999 8.352-5.465 5.466a.626.626 0 0 1-.884-.886l4.935-4.934-4.934-4.931a.626.626 0 0 1 .885-.885L11 7.647l-.001.705z'/%3E%3C/svg%3E ") !important;
}
`;
else if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 2)
custom_scrollbar_arrows_code=`
scrollbar scrollbarbutton {
background-repeat: no-repeat !important;
background-position: center center !important;
}
scrollbar[vertical] > scrollbarbutton[type="decrement"] {
background-image: url("${ProfileDirectory}/Pfeil-hoch_hellgrau.svg") !important;
}
scrollbar[vertical] > scrollbarbutton[type="increment"] {
background-image: url("${ProfileDirectory}/Pfeil-runter_hellgrau.svg") !important;
}
scrollbar[horizontal] > scrollbarbutton[type="decrement"] {
background-image: url("${ProfileDirectory}/Pfeil-links_hellgrau.svg") !important;
}
scrollbar[horizontal] > scrollbarbutton[type="increment"] {
background-image: url("${ProfileDirectory}/Pfeil-rechts_hellgrau.svg") !important;
}
/* hover */
scrollbar[vertical] > scrollbarbutton[type="decrement"]:hover {
background-image: url("${ProfileDirectory}/Pfeil-hoch_orange.svg") !important;
}
scrollbar[vertical] > scrollbarbutton[type="increment"]:hover {
background-image: url("${ProfileDirectory}/Pfeil-runter_orange.svg") !important; */
}
scrollbar[horizontal] > scrollbarbutton[type="decrement"]:hover {
background-image: url("${ProfileDirectory}/Pfeil-links_orange.svg") !important;
}
scrollbar[horizontal] > scrollbarbutton[type="increment"]:hover {
background-image: url("${ProfileDirectory}/Pfeil-rechts_orange.svg") !important;
}
scrollbar[vertical] > scrollbarbutton {
height: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important;
max-width: ${custom_scrollbar_size_value}px !important;
}
scrollbar[horizontal] > scrollbarbutton {
width: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important;
max-height: ${custom_scrollbar_size_value}px !important;
}
`;
if(hide_scrollbar_buttons === true)
hide_scrollbar_buttons_code=`
scrollbar scrollbarbutton {
opacity: 0 !important;
}
scrollbar[vertical] scrollbarbutton {
min-height: 1px !important;
height: 1px !important;
max-height: 1px !important;
}
scrollbar[horizontal] scrollbarbutton {
min-width: 1px !important;
width: 1px !important;
max-width: 1px !important;
}
`;
if(custom_scrollbar_opacity === true)
custom_scrollbar_opacity_code=`
scrollbar {
opacity: ${custom_opacity_value} !important;
}
`;
if(hide_scrollbars === true)
hide_scrollbars_code=`
scrollbar, scrollcorner {
display: none !important;
visibility: collapse !important;
}
`;
if(thin_scrollbars === true)
thin_scrollbars_code=`
:root{
scrollbar-width: thin !important;
}
scrollbar[vertical] scrollbarbutton {
height: 14px !important;
width: 7px !important;
}
scrollbar[horizontal] scrollbarbutton {
height: 7px !important;
width: 14px !important;
}
`;
Components.classes["@mozilla.org/content/style-sheet-service;1"]
.getService(Components.interfaces.nsIStyleSheetService)
.loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
${custom_scrollbars_code}
${custom_scrollbar_arrows_code}
${hide_scrollbar_buttons_code}
${custom_scrollbar_opacity_code}
${hide_scrollbars_code}
${thin_scrollbars_code}
`), null, null),
Components.classes["@mozilla.org/content/style-sheet-service;1"]
.getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);
})()Probiert es aus
Hab ich. Ergebnis: Bei einer horizontalen Scrollleiste erscheinen keine Pfeile...
Der Farbverlauf funktioniert ab Firefox 143 nicht mehr. Warum? Ich weiß es nicht.
Ich habe einmal gelesen, dass man dafür die Scrollbar-CSS mit den Rechten „Agent Sheet” aktivieren muss
nope
Adding Style Recipes to userChrome.css
Therefore, adding /* AGENT_SHEET */ at the top does not make any difference.
Hab ich. Ergebnis: Bei einer horizontalen Scrollleiste erscheinen keine Pfeile...
Danke für die Fehlermeldung.
Da brauche ich noch gar nicht lange rummachen, liegt nicht am Skript.
Denn auch beim Original, mit den Änderungen, siehe unten, funktioniert es nicht!
Ich habe einmal gelesen, dass man dafür die Scrollbar-CSS mit den Rechten „Agent Sheet” aktivieren muss
Nein, das geht auch so! Der Fehler steckt im Skript!
Denn mit der Version von Endor, mit den Änderungen " [orient="xxx"] zu [xxx] " funktioniert der Farbverlauf ja zum Teil.
nope
https://www.userchrome.org/adding-style-r…chrome-css.html
Therefore, adding /* AGENT_SHEET */ at the top does not make any difference.
Hier geht es um ein Script, nicht um die Datei userChrome.css. Dass dieser Kommentar in der Datei userChrome.css keine Beachtung findet, ist für Scripts irrelevant. In einem Script lässt sich das explizit angeben.
Ich habe einmal gelesen, dass man dafür die Scrollbar-CSS mit den Rechten „Agent Sheet” aktivieren muss
Nein, das geht auch so!
Ob das wirklich einen Unterschied macht, weiß ich nicht. Aber was „geht auch so“ betrifft: Du fügst das CSS in deinem Script ja bereits als Agent Sheet ein, siehe Zeile 340 im Script aus Beitrag #32.
Ob das wirklich einen Unterschied macht, weiß ich nicht. Aber was „geht auch so“ betrifft: Du fügst das CSS in deinem Script ja bereits als Agent Sheet ein, siehe Zeile 340 im Script aus Beitrag #32.
Sorry, da stehe ich jetzt wirklich auf'em Schlauch!
Ich hatte nur festgestellt, dass das eine Skript (aus Beitrag #14), mit den "Änderungen an den Selektoren", teilweise
den Farbverlauf umsetzt, und "mein" Skript eben nicht.
Da ich noch der Wurm drin!
Sorry, da stehe ich jetzt wirklich auf'em Schlauch!
Ich hatte nur festgestellt, dass das eine Skript (aus Beitrag #14),
lennys Aussage war, man müsse das CSS eventuell als Agent Sheet importieren. Deine Antwort war, dass das nicht notwendig sei und es auch ohne das ginge. Darauf zeigte ich dir, dass du genau das in deinem Script bereits tust. Das Script in Beitrag #14 übrigens ebenso.
Ich habe gefragt und mir wurde gesagt, dass der Farbverlauf bei 143b funktioniert, scrollbar.css und agent-sheet.js benötigt werden. Weitere Details werde ich erfahren, wenn sie aus den Sommerferien zurück sind.
