userChrome.js Scripte für den Fuchs (Diskussion)

Speravir

Es gibt einige sinnvolle neue Skripte oder Updates für bestehende Skripte außerhalb dieses Threads, die in das Skriptrepositorium übertragen werden könnten/sollten. Wie soll man am besten darauf hinweisen? Teilweise ist es aber eher nur ein Schnipsel, der noch etwas Feintuning benötigen würde.

Um mal ein paar Beispiele zu geben:

ToggleMenubar (Name und Beitrag von mir, aber Idee von EffPeh)
ToggleFindbar (Name von mir, Code von aborix)
Update für statusbarclock (was noch mehr kann) von EffPeh

Speravir

Zitat von highend

ich hatte unter non-Quantum immer den UserScriptLoader.uc.js eingesetzt gehabt, der es jetzt mit Quantum scheinbar nicht mehr tut.

Streich das scheinbar. Es scheint nicht nur, es ist auch so.

Zitat

Können diese Art von script auch mit Quantum (ohne Grease-/Tampermonkey) genutzt werden (als .uc.js oder innerhalb der userContent.css) Variante?

Nein. Der Name userChromeJS ist nicht zufällig gewählt. Es war von Anfang an ausschließlich dafür gedacht, das Erscheinungsbild und Funktionalitäten des Firefox auch direkt mit Javascript beeinflussen zu können.

Installier dir eines der Addons Greasemonkey, Tampermonkey oder Violentmonkey, um Userskripte zu nutzen, die auf Webseiten Einfluss nehmen.
In einem Testprofil kannst Du dir die Handhabung jedes Skriptes ja einmal ansehen, denn der eine kommt mit dem einen, der andere mit dem anderen Addon besser zurecht. Manche stören sich auch daran,dass Teile von Tampermonkey Closed Source sind. Ich hatte ursprünglich Tampermonkey genutzt, weil ich es von ~~Google Chrome~~ SRWare Iron schon kannte, bin dann aber zu Violentmonkey gewechselt, das mir viel besser gefällt (Greasemonkey hatte lange keine Webextension und hat mir in der Handhabung auch noch nie so gefallen; ich war auch deshalb ebenfalls UserScriptLoader-Nutzer).

loshombre

Ich tue mich mal, als unbeteiligter, hier mal kurz einmischen.
Normalerweise sammelt Hombre Endor u.a. auch hier im Forum alles möglich brauchbare an Scripten, damit, wenn sie ok sind, diese dann in unserer Sammlung auf Github landen.
Aktuell hat aber, wie einige andere auch, Hombre Endor kaum bis keine Zeit für diesen "Quatsch" hier!

Übrigens: Statusbaruhr Script funktioniert nach wie vor korrekt so, wie wir es seinerzeit angepasst und auf Github upgedatet haben.
Und ein funktionierendes Script zum Schliessen der Findbar haben wir in der Sammlung ebenfalls.
Das nur mal so als unbeteiligter als Hinweis.

Speravir

Zitat von loshombre

Und ein funktionierendes Script zum Schliessen der Findbar haben wir in der Sammlung ebenfalls.

Ach du ~~Sch…~~ grüne Neune. Da habe ich doch tatsächlich vergessen, dort nachzusehen. Es gibt ja neben dem reinen Toggle sogar weitere Varianten.

loshombre

Ja genau. Es gibt dort noch ne Menge anderer Klamotten.
Schließlich haben mein Kamerad Mithrandir und meine wenigkeit die Sammlung hier im Forum und auf Github nicht umsonst, oder aus Langeweile angelegt und jahrelang selbst mit geschraubt.
Natürlich funktioniert nach so langer Zeit, bzw nach so vielen gravierenden Fuchsänderungen ne Menge Scripte nicht mehr, oder halt nur noch eingeschränkt.
Das ist halt mit der Zeit leider so und es gab und gibt's keine 20 fähige Schrauber, die sich um die Sammlung kümmern könnten.
Wir waren am Anfang nur zu zweit, später kam noch Endor dazu und das war's dann eigentlich schon!

Speravir

Zitat von loshombre

Schließlich haben mein Kamerad Mithrandir und meine wenigkeit die Sammlung hier im Forum und auf Github nicht umsonst, oder aus Langeweile angelegt und jahrelang selbst mit geschraubt.

Ich weiß das doch – eigentlich.

Zitat

Natürlich funktioniert nach so langer Zeit, bzw nach so vielen gravierenden Fuchsänderungen ne Menge Scripte nicht mehr, oder halt nur noch eingeschränkt.
Das ist halt mit der Zeit leider so und es gab und gibt's keine 20 fähige Schrauber, die sich um die Sammlung kümmern könnten.
Wir waren am Anfang nur zu zweit, später kam noch Endor dazu und das war's dann eigentlich schon!

Du sprichst da etwas an, was ich selbst schon zu thematisieren vor hatte:
Man müsste in kollaborativer Arbeit einmal alle Skripte durchtesten. So einige funktionierten ja schon früher nicht mehr. Manches ist inzwischen auch gar nicht mehr als Skript notwendig.

Das müsste über ein Wikiseite oder von mir aus auch eine GoogleDocs-Seite koordiniert werden. Alle veralteten Skripte sollten in ein Verzeichnis Deprecated/Obsolete oder so ähnlich verschoben werden.

loshombre

Zitat

Ich weiß das doch – eigentlich.

Ja dat mein ich auch. Schließlich bist du hier auch schon 75 Jahre dabei :wink:

Zitat

Das müsste über ein Wikiseite oder von mir aus auch eine GoogleDocs-Seite koordiniert werden. Alle veralteten Skripte sollten in ein Verzeichnis Deprecated/Obsolete oder so ähnlich verschoben werden.

Für 3000€ Netto im Monat bin ich angestellt, wechsle sofort meinen Job und mach mich sofort an die Arbeit

Boersenfeger

Zitat von Speravir

Das müsste über ein Wikiseite oder von mir aus auch eine GoogleDocs-Seite koordiniert werden. Alle veralteten Skripte sollten in ein Verzeichnis Deprecated/Obsolete oder so ähnlich verschoben werden.

Hatte ich auch schon mal vorgeschlagen... eine Seite dazu gibts schon
https://docs.google.com/spreadsheets/d…zMDg/edit#gid=0
wobei da entweder gerade einer dran rummacht oder der Link ist fehlerhaft... jedenfalls bricht die Tabelle nach Ende der Ladung ab und ich sehe eine leere Tabelle/Seite

highend

Danke für die entsprechenden Hinweise, dann werde ich künftig mal ViolentMonkey mit dem Laden meiner userscripts beauftragen... :klasse:

2002Andreas

Zitat von highend

mal ViolentMonkey

Aber nicht mir den Scripten um die es hier geht, das funktioniert nicht.

highend

Zitat

Aber nicht mir den Scripten um die es hier geht, das funktioniert nicht.

Nein, mit meinem "Focus fields.user.js" aus https://www.camp-firefox.de/forum/viewtopi…064585#p1064585

ArisCTR

Bildlaufleisten / Scrollbar Modifikationen

[Blockierte Grafik: https://i.imgur.com/oKmHwjZ.png]

Verfügbare Modifikationen

Code

- Scrollbars ausblenden
- Schaltflächen ausblenden
- "schwebende" Scrollbars
- benutzerdefinierte Breite
- benutzerdefinierte Sichtbarkeit
- benutzerdefinierte Hintergrundfarbe bzw. benutzerdefinierter Hintergrundverlauf
- benutzerdefinierte Schiebereglerfarbe bzw. benutzerdefinierter Schiebereglerfarbverlauf
- benutzerdefinierte Schiebereglerfarbe (hover/über) bzw. benutzerdefinierter Schiebereglerfarbverlauf
- benutzerdefinierte Schiebereglerrundung
- benutzerdefinierte Schiebereglerrandbreite
- benutzerdefinierte Schiebereglerrandfarbe
- benutzerdefinierte Schaltflächenfarbe bzw. benutzerdefinierter Schaltflächenfarbverlauf
- benutzerdefinierte Schaltflächenfarbe (hover/über) bzw. benutzerdefinierter Schaltflächenfarbverlauf
- benutzerdefinierte Schaltflächenrundung

Alles anzeigen

scrollbars.uc.js

CSS

"use strict";


/* ***********************************************************************************************


 README
 
 Aktivieren einer Einstellung > var ... auf 'true' setzen
 Deaktivieren einer Einstellung > var ... auf 'false' setzen
 Anpassungen vornehmen > Aendern von Werten
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Sichtbarkeit (in Dezimalzahlen): 0.0 bis 1.0 e.g. 1.4, 1,75
 - Farbverlaeufe: linear-gradient(Richtung, Farbe, Farbe, Farbe)
 - Beispiel: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 
 - Beispiel 2:
	Farbverlauf von links nach rechts - tranparent -> weiss mit 50%er Sichtbarkeit -> tranparent
	linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)
 
 Info
 - Zu kleine Breitenwerte werden sich negativ auf einige Oberflaechenelemente auswirken (z.B. auf Menuelisten)!
 
*********************************************************************************************** */


// Allgemeine Einstellungen


// Scrollbars ausblenden
var hide_scrollbars = false; /* Standard = false */
// Schaltflächen ausblenden
var hide_scrollbar_buttons = false; /* Standard = false */
// benutzerdefinierte Breite
var custom_scrollbar_width = true; /* Standard = false */
var custom_scrollbar_width_value = 10; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = false; /* Standard = false */
var custom_opacity_value = "1.0"; /* Standard = 1.0 */
// "schwebende" Scrollbars / Scrollbars über dem Webinhalt 
var enable_floating_scrollbars = false; /* Standard = false */
// benutzerdefinierte Scrollbars
var enable_custom_scrollbars = true;
// benutzerdefinierte Hintergrundfarbe bzw. benutzerdefinierter Hintergrundverlauf
var cs_background_color = "#CCCCCC"; /* Standard = #CCCCCC / Transparenter Hintergrund = transparent */
var cs_background_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = none */
// benutzerdefinierte Schiebereglerfarbe bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_color = "#33CCFF"; /* Standard = #33CCFF */
var cs_thumb_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "#66FFFF"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 0; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "#33CCFF"; /* default ##33CCFF */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "#000000"; /* Standard = #000000 */
var cs_buttons_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflaechenfarbe (hover/ueber) bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_hover_color = "#000066"; /* Standard = #000066 */
var cs_buttons_hover_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflächenrundung
var cs_buttons_roundness = 0; /* Standard = 0 (in px) */




/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */




Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);


var custom_scrollbars = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar, scrollcorner {\
	  -moz-appearance: none !important;\
	  background-color: '+cs_background_color+' !important; \
	  background-image: '+cs_background_image+' !important; \
	}\
	scrollbar thumb {\
	  -moz-appearance: none !important;\
	  background-color: '+cs_thumb_color+' !important;\
	  background-image: '+cs_thumb_image+' !important;\
	  border-radius: '+cs_thumb_roundness+'px !important;\
	  border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important; \
	}\
	scrollbar thumb:hover, scrollbar thumb:active {\
	  -moz-appearance: none !important;\
	  background-color: '+cs_thumb_hover_color+' !important;\
	  background-image: '+cs_thumb_hover_image+' !important;\
	}\
	scrollbar scrollbarbutton {\
	  -moz-appearance: none !important;\
	  background-color: '+cs_buttons_color+' !important;\
	  background-image: '+cs_buttons_image+' !important;\
	  border-radius: '+cs_buttons_roundness+'px !important;\
	}\
	scrollbar scrollbarbutton:hover {\
	  -moz-appearance: none !important;\
	  background-color: '+cs_buttons_hover_color+' !important;\
	  background-image: '+cs_buttons_hover_image+' !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var scrollbar_buttons = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar scrollbarbutton {\
	  opacity: 0 !important;\
	}\
	scrollbar[orient="vertical"] scrollbarbutton {\
	  min-height: 1px !important;\
	  height: 1px !important;\
	  max-height: 1px !important;\
	}\
	scrollbar[orient="horizontal"] scrollbarbutton {\
	  min-width: 1px !important;\
	  width: 1px !important;\
	  max-width: 1px !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var scrollbar_width = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar[orient="vertical"] scrollbarbutton {\
	  min-width: 0 !important;\
	  width: '+custom_scrollbar_width_value+'px !important;\
	  max-width: '+custom_scrollbar_width_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] scrollbarbutton {\
	  min-height: 0 !important;\
	  height: '+custom_scrollbar_width_value+'px !important;\
	  max-height: '+custom_scrollbar_width_value+'px !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var floating_scrollbars = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar {\
	  position: relative !important;\
	  z-index: 1000000000 !important;\
	}\
	scrollbar, scrollcorner {\
	  background-color: transparent !important; \
	  background-image: unset !important; \
	}\
	scrollbar[orient="vertical"] {\
	  -moz-margin-start: -'+custom_scrollbar_width_value+'px !important;\
	  width: '+custom_scrollbar_width_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] {\
	  margin-top: -'+custom_scrollbar_width_value+'px !important;\
	  height: '+custom_scrollbar_width_value+'px !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var scrollbar_opacity = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar {\
	  opacity: '+custom_opacity_value+' !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var remove_scrollbars = {


  init: function() {


  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
	\
	@namespace html url("http://www.w3.org/1999/xhtml");\
	\
	scrollbar, scrollcorner {\
	  display: none !important;\
	  visibility: collapse !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


// oben aktivierte Einstellungen werden hier ausgefuehrt
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_width==true) scrollbar_width.init();
if(enable_floating_scrollbars==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

Beispiel (zweites Bild von links: schmaler roter Schieberegler auf gelbem Hintergrund)

Code

- hide_scrollbars = false
- hide_scrollbar_buttons = true
- custom_scrollbar_width = true
- custom_scrollbar_width_value = 10
- cs_background_color " "yellow"
- cs_background_image = "unset"
- cs_thumb_color = "red"
- cs_thumb_image = "unset"
- cs_thumb_hover_color = "orange"
- cs_thumb_hover_image = "unset"
- cs_thumb_roundness = 0
- cs_thumb_border = 1
- cs_thumb_border_color = "yellow"

Alles anzeigen

Dieses "Projekt" auf Github (English).

loshombre

Sehr geil Aris:klasse:

Ich blende hier zwar sehr oft mit nem Script die Scrollbar aus, aber eben nicht immer!
Jetzt muss ich nur noch gucken, ob dein Script mit dem Script HideScrollbar.uc.js zusammen will und dann mal gucken, ob ich meinen alten CSS Code dafür in dein neues Script irgendwie einbauen kann :-??

Code

/* AGENT_SHEET */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/*Original-Scrollbar weg*/
scrollbar>scrollbarbutton,scrollbar>slider>thumb{-moz-appearance:none!important}
/*Links*/
scrollbar>scrollbarbutton[sbattr="scrollbar-up-top"],scrollbar>scrollbarbutton[sbattr="scrollbar-up-bottom"]{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQAAAAB+DmFKAAAAHUlEQVR4Xj3CsQkAAAgDsNCho/+fKzgY4oUyt8RbA1IALde2KBQAAAAASUVORK5CYII=")!important}
scrollbar>scrollbarbutton[sbattr="scrollbar-up-top"][disabled="true"],scrollbar>scrollbarbutton[sbattr="scrollbar-up-bottom"][disabled="true"]{background-image:url("data:image/gif;base64,R0lGODdhDAAMAIACAAAAAH9/fywAAAAADAAMAAACEYSPqcsaDcJjcq4KJYy7+1QAADs=")!important}
/*Rechts*/
scrollbar>scrollbarbutton[sbattr="scrollbar-down-bottom"],scrollbar>scrollbarbutton[sbattr="scrollbar-down-top"]{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQAAAAB+DmFKAAAAHElEQVR4Xj3CsQkAAAgDsAxS//9YXBqihrBfGHUCmQAjSAuUywAAAABJRU5ErkJggg==")!important}
scrollbar>scrollbarbutton[sbattr="scrollbar-down-bottom"][disabled="true"],scrollbar>scrollbarbutton[sbattr="scrollbar-down-top"][disabled="true"]{background-image:url("data:image/gif;base64,R0lGODdhDAAMAIACAAAAAH9/fywAAAAADAAMAAACEISPqcsZbcJrcq5K7YW8twIAOw==")!important}
/*Hoch*/
scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-up-top"],scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-up-bottom"]{background-image:url("data:image/gif;base64,R0lGODdhDAAMAIABAAAAAP///ywAAAAADAAMAAACD4SPqcvNERqEa06Hs96nAAA7")!important}
scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-up-top"][disabled="true"],scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-up-bottom"][disabled="true"]{background-image:url("data:image/gif;base64,R0lGODdhDAAMAIACAAAAAH9/fywAAAAADAAMAAACD4SPqcvNERqEa06Hs96nAAA7")!important}
/*Runter*/
scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-down-bottom"],scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-down-top"]{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQAAAAB+DmFKAAAAHUlEQVR4XlXIIQEAAAgDsCksEahK9OtPTnNvmboADWMAtfJODPkAAAAASUVORK5CYII=")!important}
scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-down-bottom"][disabled="true"],scrollbar[orient="vertical"]>scrollbarbutton[sbattr="scrollbar-down-top"][disabled="true"]{background-image:url("data:image/gif;base64,R0lGODdhDAAMAIACAAAAAH9/fywAAAAADAAMAAACD4SPqcvNERqEa06Hs96nAAA7")!important}
/*Slider*/
scrollbar>slider{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEWzs6f///++XK1+AAAAGElEQVR4Xm3CAQ0AAACCMOkfGguwndkkHYCzEAk0l6ufAAAAAElFTkSuQmCC")!important}
/*Thumb Color*/
scrollbar>slider>thumb{background-color:#000!important}
/*Thumb Color beim Start*/
scrollbar>slider[curpos="0"]>thumb{background-color:-moz-dialog!important}

Alles anzeigen

Ansonsten hast du es wirklich sehr cool hin gekriegt!

hwww

Hallo ArisCTR
Tolle Sache!Jetzt sieht man den Scrollbalken endlich viel besser.Mit deinem Script ist er bei mir so wie auf dem Bild ganz rechts.Wie bekomme ich es hin das er so ist wie auf dem Bild der zweite von rechts?

Gruß hwww

loshombre

Übrigens. Da hier gerade davon die Rede ist, wollte ich es auch gerne nicht unerwähnt lassen, dass das Script FloatingScrollbar.uc.js aus unserer Sammlung auch noch nach wie vor sehr gut funktioniert.

https://github.com/ardiman/userCh…oatingscrollbar

seipe

ArisCTR, wie schaffe ich es, dass der Scrollbalken so aussieht, wie der zweite von links (rot mit grauem Untergrund)?

ArisCTR

Scrollbar-Code weiter oben aktualisiert:
- Beschreibungen hinzugefügt
- Beispiel hinzugefügt
- "schwebende" Scrollbar Einstellung ergänzt (war ja auch Teil der NewScrollbars Erweiterung)

hwww

Hallo ArisCTR
habe den aktualisierten Code eingebaut und es ist genau so wie es sein soll.Eine Kleinigkeit hätte ich noch.Wie ändert man die breite des Scollbalken?Deine Einstellung ist mir persönlich etwas zu schmal.

Danke im voraus hwww

2002Andreas

Zitat von hwww

Wie ändert man die breite

In Zeile 34 im Script:

var custom_scrollbar_width_value = 10; /* 10-? // Standard = 17 (in px) */

Den Wert 10 anpassen wie du es möchtest.

hwww

Hallo 2002Andreas
Wie immer die richtige Antwort!Vielen Dank dafür.Jetzt passt alles die Farbe und die Breite.

Schöne Woche wünscht dir hwww