2002Andreas Oh Herr im Himmel, ich bin sooo blöd!
Schon tausendmal diese Seite genutzt und gerade jetzt nicht mehr daran gedacht.
Alzheimer lässt grüßen. Ich werde alt, oder vielleicht bin ich es auch schon.
Beiträge von Mira_Belle
-
-
scrollbar-width kann nur auto, thin und none sowie globale Werte wie inherited und unset annehmen.
Ah, danke. Wo und wie finde ich so etwas heraus? Denn ich stochere z.Z. immer nur so herum.
Die Breite lässt sich nicht per CSS sonderlich verändern.
Schade, wo bei recht schmal ja wohl geht!
scrollbar-width: thin !important;Nur eben breiter, halt nicht.
-
Nur damit dies nicht aus der Aufmerksamkeit entfleucht....
Es entfleucht nicht!
Ich habe nur leider noch keine Möglichkeit gefunden die Scrollbar breiter zu machen!
Schmaler ginge, breiter aber warum auch immer nicht!
Den Code müsste sich ein Profi mal anschauen.JavaScript
Alles anzeigenif(thin_scrollbars === true) thin_scrollbars_code=` :root{ scrollbar-width: thin !important; } scrollbar[orient="vertical"] scrollbarbutton { height: 14px !important; width: 7px !important; } scrollbar[orient="horizontal"] scrollbarbutton { height: 7px !important; width: 14px !important; } `;
Habe thin schon durch thick und auch wide ersetzt, nutzt nichts.
-
Vielleicht baut ihr noch eine Funktion ein, die abfragt, ob ein Dateimanager eingetragen ist,
und wenn nicht, dass dann der alte Code als Backup greift.Ist nur so eine Idee!
Ihr solltet daran denken, dass viele den Header gar nicht oder nur teilw. lesen!Das mit der Bedienungsanleitung ist ja echt eine tolle Idee, nicht ganz neu, aber hat schon im Skript
für die Scrollbar nicht funktioniert.
Macht das Skript so einfach wie nur möglich, und überlegt, ob da wirklich alles was geht auch umgesetzt werden muss!
Eventuell, wie z.B. bei dem MultirowSkript zwei Versionen.
Eine mit allem und eine "Light" Version. Bei der "großen" würde ich dann den Header so lassen, bei der "Light" den
abspecken, bis auf das absolut Nötigste.Und gerade habe ich mir selber einen Tip gegeben, denn das werde ich wohl auch so umsetzen im Scrollbarskript.
-
Ja, aber ich bin auch kein Experte.
Ach, schade. Dann muss ich blindes Huhn weiter, mit viel hochprozentiger Schnaps ...
Sehe ich das richtig, ...
Kann schon sein, bin mir auch nicht mehr so sicher wie ich auf dieses Skript aufmerksam wurde.
-
Endor Ich bin noch am Basteln und erst in 10 Tagen kommt die Version 143.
Ein paar Tage wird es auch mit der "Notlösung" in der Beta und der Nightly gehen.Nicht vergessen, für den Firefox 142 ist das Skript Scrollbar.v2.0.6.1.js das Aktuelle!
JavaScript
Alles anzeigen// 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.6.1 for Firefox 111+ ***************************************************************************************** */ /* ****************************************************************************************************************************** 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 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 = "unset"; // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_background_image_horizontal = "unset"; // 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 // - corner const cs_corner_background_color = "#bfbfbf"; // default: cs_corner_background_color = "#DDDDDD" / - corner let cs_corner_background_image = "unset"; // 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 = "unset"; // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_image_horizontal = "unset"; // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" const cs_thumb_hover_color = "orange"; // default: cs_thumb_hover_color = "#66FFFF" let cs_thumb_hover_image_vertical = "unset"; // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_thumb_hover_image_horizontal = "unset"; // 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 = "unset"; // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_image_horizontal = "unset"; // 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 = "unset"; // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)" let cs_buttons_hover_image_horizontal = "unset"; // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)" /* *************************************************************************************************************************** */ // 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=''; 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[orient="vertical"] slider { background-image: ${cs_background_image_vertical} !important; } scrollbar[orient="horizontal"] slider { background-image: ${cs_background_image_horizontal} !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[orient="vertical"] { background-image: ${cs_thumb_image_vertical} !important; min-height: ${(cs_thumb_minimal_size+cs_thumb_roundness+cs_thumb_border)}px !important; } scrollbar thumb[orient="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[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active { background-image: ${cs_thumb_hover_image_vertical} !important; } scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="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[orient="vertical"] scrollbarbutton { background-image: ${cs_buttons_image_vertical} !important; } scrollbar[orient="horizontal"] scrollbarbutton { background-image: ${cs_buttons_image_horizontal} !important; } scrollbar scrollbarbutton:hover { background-color: ${cs_buttons_hover_color} !important; } scrollbar[orient="vertical"] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_vertical} !important; } scrollbar[orient="horizontal"] scrollbarbutton:hover { background-image: ${cs_buttons_hover_image_horizontal} !important; } `; if(custom_scrollbar_arrows === true) custom_scrollbar_arrows_code=` scrollbarbutton[type="increment"], scrollbar[orient="vertical"] scrollbarbutton[type="decrement"], scrollbarbutton[type="increment"], scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] { background-repeat: no-repeat; background-position: center !important; */ } scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-hoch_hellgrau.svg") !important; /* background-position: top !important; */ } scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-runter_hellgrau.svg") !important; /* background-position: bottom !important; */ } scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] { background-image: url("${ProfileDirectory}/Pfeil-links_hellgrau.svg") !important; /* background-position: left !important; */ } scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] { background-image: url("${ProfileDirectory}/Pfeil-rechts_hellgrau.svg") !important; /* background-position: right !important; */ } /* hover */ scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-hoch_orange.svg") !important; } scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-runter_orange.svg") !important; */ } scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover { background-image: url("${ProfileDirectory}/Pfeil-links_orange.svg") !important; } scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover { background-image: url("${ProfileDirectory}/Pfeil-rechts_orange.svg") !important; } scrollbar[orient="vertical"] > scrollbarbutton { height: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important; max-width: ${custom_scrollbar_size_value}px !important; } scrollbar[orient="horizontal"] > scrollbarbutton { width: ${(custom_scrollbar_size_value*cs_arrows_on_buttons_buttons_size)}px !important; max-height: ${custom_scrollbar_size_value}px !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} `), null, null), Components.classes["@mozilla.org/content/style-sheet-service;1"] .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET); })()
-
Mh, Missverständnis?
Ich meinte das auch nur als letzte Möglichkeit
Wenn hier übers Board zig mal der Code rausgehauen wurde,
dann, dann könnte man darüber mal nachdenken, ob es nicht sinnvoll wäre,
das Skript zu packen und loszuschicken.
Das Einzige, was dann noch schiefgehen kann, der Empfänger entpackt das ZIP in den falschen Ordner! -
Tja, möglicherweise ist mir der Grund, wegen der nicht übernommenen Farben, heute so beim Stöbern in diversen Skripts,
ins Auge gesprungen!Zwei fehlende ";"
Wer das Problem hatte, dass die eigenen Symbole, nicht die eingestellte Farbe übernommen haben,
möge es noch einmal probieren und den Code korrigieren.JavaScript// only for 'custom_scrollbar_arrows_version = 2' let cs_scrollbar_arrows_color = "#bfbfbf"; // "#7c7c7c" "#1e90ff" let cs_scrollbar_arrows_hover_color = "#ffa600";
Da fehlen vorher die ";"
-
-
juzzlukin I need the script you are using.
-
Um die Codierungsprobleme zu umgehen, sollten wir, wen wieder einmal so ein Problem auftritt,
das Skript dann nicht per Code weiter geben, sondern direkt als gepackte Datei.
So kann der Helfer zumindest ausschließen, dass das Skript mit der falschen Codierung abgespeichert wurde!Ist nur ein Vorschlag und ich hoffe, dass ich mich selber daran halte und es nicht vergesse.
-
Also halten wir fest, es geschah ein Wunder!
Wir tappen also im Dunkeln und wissen nicht, woran es lag.
Irgendwie blöd.
Das macht es natürlich schwer, in ähnlichen Fällen anderen Usern zu helfen. -
Habe ich das jetzt richtig verstanden?
Es lag einfach nur daran, dass das Skript nicht mit der richtigen Codierung abgespeichert wurde?
Worauf man so alles achten muss!
Freut mich aber, dass das Problem gelöst wurde.
-
Vielen lieben Dank für den zweiten Link!
Wenn du nicht selbst die interne URL daraus ableiten möchtest, ...
Es geht hier gar nicht um wollen
Ich habe keine Ahnung, wie ich denn die internen URL's daraus hätte ableiten sollen.
-
Mh, ich danke Euch allen, aber ich hatte es schon so gemeint,
wie im ersten Beitrag.
Es geht mir schon darum ein Symbol per CSS oder so in ein Skript einzubinden!
z.B. so #appMenu-new-tab-button2{ list-style-image: url("chrome://browser/skin/new-tab.svg") }oder wie hier:
Codelet props = { id: 'PersonalToolbar-button', class: 'toolbarbutton-1 chromeclass-toolbar-additional', removable: true, label: 'Toggle', tooltiptext: 'Lesezeichenleiste ein-/ausblenden', style: 'list-style-image: url("chrome://browser/skin/fullscreen.svg");', };
Natürlich kann ich auch den ganzen SVG-Code einbinden, aber das wollte ich ja nicht.
-
Poste Dein Skript!
Poste den Inhalt Deiner userChrome.js
OK, bin dann mal weg. Könne morgen weiter machen, oder ein Anderer hilft Dir weiter.
-
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/res/normandy/skin/shared/
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/skin/classic/mozapps/extensions/
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/skin/classic/global/tree/
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/skin/classic/global/reader/
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/skin/classic/global/narrate/
jar:file:///C:/Program%20Files/Mozilla%20Firefox/omni.ja!/chrome/toolkit/skin/classic/global/media/
Nur wie bindet man diese Grafiken dann in ein Skript ein? -
Kann nicht sein!
Mach folgendes, gibt im Firefox about:profiles in die Aderesszeile ein.
Dann klickst Du bei "Lokaler Ordner" hinten auf die Schaltfläche "Ordner öffnen".
Firefox beenden, Ordnerinhalt löschen, Firefox wieder starten. -
Die radikale Methode!
%appdata%\Mozilla\Firefox\Profiles\"Profilname"\startupCacheWichtig, ersetze "Profilname" durch Deinen echten Profilnamen
Wenn der Ordner geöffnet ist, Firefox beenden.
Danach den Inhalt des Ordners löschen.Jetzt kannst Du den Firefox wieder starten.
-
Das ist mehr als merkwürdig!
Und Du bist Dir absolut sicher, dass JS ausgeführt wird?