Beiträge von black10

black10

Ich hab jetzt rausgefunden was in der userChrome.css stört.

Dort ist

CSS

 #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }

eingetragen....

Lösche ich dies, erscheint die Seite mit dem Überhangmenü/Anpassen Symbolleiste völlig normal.

Aber...merkwürdigerweise habe ich DANN nur noch eine einzeilige Lesezeichensymbolleiste.

Die üblicherweise 2. Leiste kann ich dann nur mit einem kurzen Scollbalken oben rechts anvisieren...

Heißt, ich hab scheinbar nur die Möglichkeit entweder/oder.

Nur ne einzeilige Lesezeichenleiste und dafür ne komplette Anzeige des Überhangmenüs, oder ne fehlerhafte Anzeige und dafür meine 2zeilige Lesezeichenleiste...

black10

Ja, die Tableiste "hasse" ich. Die brauche ich absolut nicht.

Um ehrlich zu sein, vieles was da drin steht ist schon längere Zeit "einfach so da".

Wichtig für mich

- Mehrzeilige Lesezeichensymbolleiste

- keine Tableiste (!)

- vor/zurück Button mit blauem Pfeil

- bestimmte Abstände im drop-down Menü.

Ich habe herausgefunden das man die Symbolleiste ja auch im Fehlerbehebungsmodus, also ohne Chrome/AddOns, anpassen kann.

Und diese Anpassungen bleiben auch beim Start mit Chrome/AddOns aktiviert. Von daher...

black10

Also ohne den Chrome Ordner funktioniert alles einwandfrei, sprich das Anpassen der Symbolleiste/Überhangmenü ist problemlos möglich.

Also muß es etwas mit (Chrome) userChrome.css zu tun haben.

Hier der Inhalt der userChrome.css

CSS

/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 20px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

#TabsToolbar {

min-height: 0px !important;

height: 0px !important;

visibility: hidden !important;

overflow: hidden !important;
}
}

#back-button:not([disabled="true"]):not([open="true"]):not(:active){

fill: blue !important;

}

#forward-button:not([disabled="true"]):not([open="true"]):not(:active){

fill:  blue !important;

}

/* Zurück-Taste und Vor-Taste: Rahmen um das Grafik-Element.

*/

#navigator-toolbox #back-button .toolbarbutton-icon,

#navigator-toolbox #forward-button .toolbarbutton-icon {

border: 1px solid white !important;

border-radius: 50% !important;

height: 37px !important;

width: 37px !important;

padding: 6px !important;

background-color: white !important;

opacity: 1 !important;}

#nav-bar .toolbarbutton -1 {

filter:none;

fill: blue! important;}


#titlebar-close > .toolbarbutton-icon {

width: 16px!important;

height: 16px!important;

}

#titlebar-close{

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc2MTc4RTNEQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc2MTc4RTREQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzYxNzhFMURCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzYxNzhFMkRCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PngaJ3MAAAVPSURBVHjahFRZbFRVGP7Oudvcma6ghU5b9lJboQmUKJamWFxoWgwKbpFEozwRePDBkBKjD5poMMYNlAQlEaMxKATZJECs0qaSokit0JpCywxdhqHAFKZzZ+Yu5/rPhRIoBE9yZm7O3PPN/3/LD9d1kdnRgXDu2PPY7gmdze3tD7uhcL+7edu3bsMrr7sfbN+9afx7d9sybqyCoilXx57PhgdrbCiNtptfwwUHd5IQTIWQsmGYWsGp8NXgnKm5Q7jH4uMPes4PNo4k3ab9R9qbPt26o2b9mxvBFR3ClZC2GQJZBc+nLDm4avV667Otu9/r6I5k3w34ZsV9kfNTkmne2HG674s9B1twacSiCnOgK/mwhAQHLhRFw2giBZ8e+CNhKTjS2rGh5UTXhmXLF6+ZXznru8riyfHbgHuHBmssV2882n6iae+hVliuH0KfgJQlAW4KDuMEqsAwDMiyDMcBsnLzEImZMGwF3/x4aMuoaQbhiPcrpwaTHnBvaLDGsNWmE129jbsPtMFRcwlYpS3Dkq6LYDsufTL4fCokyQHjNlzuwNF8SDMZXFawc1/bWz4hXyHgT25wLLfGU1LjDz81wyZxTKEQKAlGv6hcQGYmJJl5SjuORd9EkZPAfROuU+s4EoRQYQs/9hxs+7i1o3+mB6xwhgNHWpDmAVhMge0KaIxBTifwSEUJdHGNbhNYxkKqQt3aUCUbFaXTwU0LGnXGLRcS9ZYQOvY3H//SoyKeNPHXPz1IOjocSRCXEr2YRPWCB/Hc8jrIK2uhyAK2lYJIx6FxE/T3wdrqqrzzUbur/e8QhCzBJugUkX/qTKju5JlIPj/XP4wUeVXSdHDiizkmslULKxoXrdOZUaG4hk4+1jWehs5GEaBdWjwpUj5tUvcLK5asC2gZjxuwYMKhrq4mDPT1R67IoehFOgKMdBI+mVNDLubPLYOGZHNZSWH3mH1KX3uZ1S993FdaFEyNnVnp2Mm5lTNw9M8eMDlADmLQVT+GLkTBk9SiRGorqkqCcaLTQpYuwe/j58ab/lbQzMrJ0iPZORQeJsAkDsYkmGmbumbgqi7DNFOe6rZtk08VxEdTsGwU4n9W0mHll2IjZD/qUzDvTBDPKhmCF03Or5WJes5IWXpBQEVndxgJS2u4F2hv+PL0hKM1dPVF6I4C1/FgqVMFkybkgD+7uLo1oDIbtknsCkqZghED2Ln/t82nBuIvnRmI3lH5ufDlwgzorp+b18ZG6VbGclQYYxa4m8TsmcUBL9Lzy2dtP9YZWm1SMDK2ETwLv3f2UlCs756qX/SG3R87qXA3YlnpFLmn8MJIct6+5l82H+sK0zwJgMoCEyb8ionKimnD5bNLDA+4YcnCdzpP//uicHgg5Shgih+ZPzlO4J1d3R+WTSvG1OJCL3nhwQsYiMYQSziwmZ90ofZJF5Dokohj6aMPeRSyjGiZtWXX4dU79rZ85Wr3I03gNBG8QGQHfHTZJIEcb264NJBS4nqUZdlHlbKM7+DnCax6pvrdV5fXvX3b2Fyz8slthiEm7j18bKOi5dEQUSg0fqTSDiVL96IsUdwzlsxgyZoEjR5sK0EUMNQ9XNVSPa9i0x3zOLPqF1d9np2VFT3Q3Pb1SHwUnAaSSrQYBEgJACUXnvyUTmbRCKXqc3VgWX3dR4uqHvi+bErO8BjWTSpu2mgoJkdGEsFfW9rXdp/uezp65dpsQWmyhPBmsSpJcG0DAZ+EBZVz8FjtwifycuRQefHEs7fi3AF86+oKXfQNRoaTAxTRUZoBFk2xgO7DjJICBAsLvIHFYKmlJUXW+Lv/CTAAo52l45BLwU4AAAAASUVORK5CYII=") !important;
}

/*Abstände der Einträge im Kontext wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

#appMenu-popup .subviewbutton {
 padding-top:  0px !important; 
}

Alles anzeigen

black10

Also an den beiden Erweiterungen liegts definitiv nicht.

Ja, (Chrome) userChrome.css nutze ich. Also liegt da irgendwo der Hund begraben...?

black10

Also das 1. Bild ist nicht abgeschnitten, da ragt nichts über den Desktop hinaus.

Als ich den FF im Fehlerbehebungsmodus neu gestartet hatte war das Fenster dann plötzlich normal groß...siehe Photo

Also muß es an einer Erweiterung/AddOn liegen..?

Mhh...ich hab aber nur Adblock Plus und Default Bookmark Folder

black10 · 2021-05-17-14-12-45-73295a.png

Hallo,

Beim Versuch die Symbolleiste anzupassen stolpere ich immer über diese merkwürdige Darstellung unter "weitere Werkzeuge - Symbolleiste anpassen".

Mein Bild sieht permanent so aus wie in Bild 1.

Im Normalfall, den kenne ich nur vom Hörensagen...soll es ja so aussehen wie wie unter Bild 2.

Wie bekomme ich eine normale Darstellung..?

black10

Ja, ich hab ne andere noch dunklere Blau-Farbe genommen.

Auch die Rundungen des Scrollbalkens in deinem Skript hab ich rausgenommen.

Und auch die Farbänderung (rot) beim draufklicken auf den Balken hab ich in diesen Blauton ändern können.

black10

Nicht zu glauben, jetzt hats endlich funktioniert.

Zitat von Road-Runner

Kopiere die Datei in ein anderes Verzeichnis (z.B. unter Eigene Dateien), nimm dann die Änderungen vor und kopiere die Datei wieder an den Ursprungsort zurück. Gegebenenfalls wird Windows vor dem Einfügen das Administrator-Kennwort verlangen.

Nur so ging es...!

Ein "normales" abspeichern der Änderung hat nie funktioniert. Mit dem kopieren in ein anderes Verzeichnis und wieder zurück ging es endlich.

Das hat Nerven gekostet...

Danke für die Tipps

black10

milupo

Wenn ich über Datei - Speichern gehe springt er dann automatisch wieder in das Fenster mit "Speichern unter"...!

Wenn ich z.b. in der scrollbar.uc.js etwas ändere und über das Kreuz rechts oben einfach schließe...ist das automatisch gespeichert.

black10

Zitat von milupo

Du hättest ja bloß speichern müssen.

Ja, aber wie denn..??

Wenn ich das neue Skript hineinkopiere schließe ich die Datei rechts oben mit dem Kreuz.

Und DANACH kommt "speichern unter".

Ich muß doch rechts oben über Kreuz schließen...?

black10

Nein, sieht so aus

Ich verstehe nicht wieso nach dem hineinkopieren des neuen Skripts und schließen der Datei über Kreuz überhaupt ein Fenster erscheint mit der Abfrage wohin ich die utilitie.js abspeichern will ??? (Photo)

"Natürlich" kommt dann die Info das die Datei bereits existiert, aber eine Ersetzung der alten Datei durch die Neue wird halt quittiert mit....

black10

Zitat von 2002Andreas

Sorry, es muss in Zeile 51und 61 rein.

Hab ich jetzt erst gesehen...und geändert

Skript sieht jetzt so aus

CSS

"use strict";


/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js */

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

 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 = 13; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = true; /* Standard = false */
var custom_opacity_value = "0.9"; /* 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 = "#00008b"; /* Standard = #00008b */
var cs_thumb_image = "(to right,transparent,rgba(255,0,0,0.9),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "red"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "rgba(255,0,0)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 80; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "#00008b"; /* default ##00008b */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "lightgrey"; /* 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

Hat allerdings auch nichts geändert....

Dann kann es doch eigentlich nur an den fehlenden Anpassung für die Nutzung von Scripten in Fx92 liegen.

Vielleicht kann man mir noch mal bei meinem Problem in Beitrag 74 beschrieben helfen.

Ich kann die Änderung der utilities.js nicht abspeichern...!

black10

Also, jetzt werd ich so langsam verrückt.

Nach dem Hinweis

Zitat von 2002Andreas

Du hast mit Sicherheit diese Anpassung für die Nutzung von Scripten in Fx92 nicht gemacht..

#1

wollte ich dies dann nachholen.

Also die userChromeJS aufgerufen, utilities.js bearbeitet und den neuen Skript der utilities.js einkopiert.

Nachdem ich dann die utilities.js wieder schließen und eigentlich speichern wollte, erschien ein Fenster (Photo) mit "Speichern unter"....

Nachdem ich dann das vorgegebene Speichern unter "utilities.js" mit OK bestätigte erschien der Hinweis das die datei bereits existiere. Ob ich denn ersetzen möchte..?

Ja, will ich...dann erschien ein Fenster (Photo) das ich keine Berechtigung zum öffnen der Datei besitze...

Wie speichere ich bitte den neu eingepflegten Skript der utilities.js ab...???

black10

Nein, hab ich nicht gemacht...

Wie soll ich das dann schreiben

so etwa...

var cs_thumb_border_color = " blue"; /* default blue */...??

black10

Tja, aussichtslos.

Hab einige Farben ausprobiert, bleibt immer das Original-Grau.

Versteh ich einfach nicht. Was kann denn da stören...?

black10

Hab mal einfach statt nem Zahlencode 00008b das Wort "Blue" ausprobiert....natürlich auch Fehlanzeige...

Ich entferne noch mal das gesamte Skript und mache noch mal neu, mal gucken obs dann klappt.

So, noch mal alles erneuert...bleibt aber alles grau in grau.

Ich hab das identische Skript wie du...und es funktioniert nicht.

2002Andreas

Hast du noch mal eine andere Farbe nur mal zum zum ausprobieren...?

black10

Hat leider nicht geklappt....bleibt immer mausgrau...

Hier dein Skript in meiner scrollbar.uc.js

CSS

"use strict";


/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js */

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

 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 = 13; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = true; /* Standard = false */
var custom_opacity_value = "0.9"; /* 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 = "(to right,transparent,rgba(255,0,0,0.9),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "red"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "rgba(255,0,0)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 80; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "#00008b"; /* default ##00008b */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "lightgrey"; /* 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

black10

Also "#00008b"; /* default ##00008b*/....?

black10

2002Andreas

Ok, im Chrome Ordner habe ich eine Datei "scrollbar.uc.js"...

Da habe ich deinen Script aus Beitrag 47 hineinkopiert....die Farbe blieb allerdings bei Mausgrau...

In Zeile 61 steht var cs_thumb_border_color = "#33CCFF"; /* default ##33CCFF */

Mit diesem Zahlencode kann ich leider nichts anfangen, was muß denn da stehen damit ich dies auf "dunkelblau" ändern kann..?

Oder bedeutet "#33CCFF"; /* default ##33CCFF */ etwa dunkelblau..?

DANN hats allerdings nicht geklappt.

black10

Also im Chrome Ordner hab ich keine datei mit der Endung us.js...

Ok uc.js hab ich schon...

Aber die kann ich gar nicht öffnen..!?

Fehler "Bezeichner erwartet"....

Beiträge von black10

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Überhangmenü und Symbolleiste anpassen funktioniert nicht

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern

Farbe des Scrollbalkens ändern