Beiträge von harff182

harff182

Sodele, alle Probleme gelöst:

Ausschlaggebend war milupos Tip zu Positionierung von background-size, denn danach haben Veränderungen der Werte dafür Wirkung gezeigt, wie man sehen kann.

Immerhin hab ich am heutigen "FF-Bastel-Abend" etwas mehr gelernt, mit den Browser-Werkzeugen umzugehen und den Grundstein für Icons in meinen Menüs gelegt, auch wenn ich mich dann erstmal auf die Suche nach passenden/üblichen Icons machen muß.

In diesem Sinne: Guuuts nächtle...

harff182

Zitat von grisu2099

Hast du es denn zum Vergleich mal mit dem Code von 2002Andreas versucht?

Ja,damit hab ich doch angefangen.

Und dann für "Datei/Neuer Tab" nochmal gemacht, und in #13 gezeigt, daß das Icon mit den Werten von 2002Andreas bei mir zuweit rechts sitzt, viel weiter als in seinem Bild.

Wie bei ihm ein zweites Icon darunter für "Neues Fenster" gesetzt würde, hat er leider nicht gezeigt.

harff182

Zitat von 2002Andreas

....warum machst du da so einen anderen Code draus

Learning bei Doing, statt immer nur nachzufragen und abzuschreiben?

Ich hab eben mit deinem Code angefangen.

Das sah dann so aus wie für "Neuer Tab":

Ich hab dann in nem anderen Code bei mir hier rumgestöbert, wie das mit den Icons da gehandelt wurde.

Und dann halt den X-Wert verändert, damit das Icon etwas nach links rutscht.

Für das Vertikale Problem habe ich aber keine Lösung gefunden.

Dann hab ich mal versucht mit den Browser-Werkzeugen was zu finden und hab dann auch jeden der 4 Menüpunkte gefunden.

Und dann wollte ich wissen, ob das statt mit dem Label auch mit der ID geht und da das klappt bin ich dabei geblieben.

Unabhängig davon passen meine 16*16*256er Icons nicht so schön rein wie bei Dir und ich find nicht raus, warum und an welcher Schraube/Einstellung/Wert ich noch drehen könnte.

Nachtrag: Pfad-Problem dank Forensuche gelöst

harff182

Ich tu mich arg schwer

Zum einen schaff ich es nicht, die Icons per relativem Pfad zu laden.

Der Code (s.u.) wird per @import eingebunden.

Meine Struktur:

chrome/css

chrome/icons/menu-icons

Für hilfreiche Vorschläge bin ich mehr als dankbar...

Was mich aber mehr stört, kann man (hoffentlich) hier sehen:

Die Icons sind normal 16x16 und passen an anderen Stellen problemlos ins Bild .

Sie passen so grade zwischen Border (links) und Menüpunktbezeichnung (rechts vom Icon).

Allerdings ist vertikal nicht genug Platz.

Gibts da irgendwo eine FF-Einstellmöglichkeit ( die ich bisher noch nie benötigt habe) ?

So, last, but not least, der Code, den ich nach Vorbild aus #8 verbrochen habe:

CSS

/*     Menü-Punkte mit Icons versehen 
    ursprünglich von 2002Andreas von hier:
    https://www.camp-firefox.de/forum/thema/129436-hintergrund-f%C3%BCr-aufgeklappte-men%C3%BCs-untermen%C3%BCs-%C3%A4ndern/?postID=1130737#post1130737
*/

/* Grummel.... wie zu Hölle geht hier ein Relativer Pfad zum Icon????? */

/*Datei/Neuer Tab*/
menuitem[id="menu_newNavigatorTab"] {
-moz-appearance:none!important;
background: url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/test.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
}
menuitem[id="menu_newNavigatorTab"][_moz-menuactive="true"]:hover {
-moz-appearance:none!important;
background:red url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/test.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
color: white !important;
}
/*Datei/Neues Fenster*/
menuitem[id="menu_newNavigator"] {
-moz-appearance:none!important;
background: url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/fenster.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
}
menuitem[id="menu_newNavigator"][_moz-menuactive="true"]:hover {
-moz-appearance:none!important;
background:red url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/fenster.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
color: white !important;
}

/*Datei/Neues privates Fenster*/
menuitem[id="menu_newPrivateWindow"] {
-moz-appearance:none!important;
background: url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/fensterp.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
}
menuitem[id="menu_newPrivateWindow"][_moz-menuactive="true"]:hover {
-moz-appearance:none!important;
background:red url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/fensterp.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
color: white !important;
}

/*Datei/Datei öffnen*/
menuitem[id="menu_openFile"] {
-moz-appearance:none!important;
background: url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/load.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
}
menuitem[id="menu_openFile"][_moz-menuactive="true"]:hover {
-moz-appearance:none!important;
background:red url("file:///D:/___Stickware/comm/FirefoxPortable/Data/profile/chrome/icons/menu-icons/load.png") no-repeat !important;
background-size: 16px !important; 
background-position-x: 1px !important; 
background-position-y: 2px !important;
color: white !important;
}

Alles anzeigen

Jezz habsch ersma nen kleinen Hunger

harff182

So...

Hintergrund- und Schrift-Farben hinbekommen und auchn schwarzes Border drummerum.

Dann versuch ich mich jetzt mal an den Menüpunkt-Icons...

harff182

Zitat von 2002Andreas

Man könnte ja auch mal die Forensuche beschäftigen mit deiner Frage
#23

Anschiss angenommen, 2002Andreas, ich hab allerdings eine chronische Suchschwäche und find nie die zielführenden Begriffe :blushing:

Bevor ich den nächsten kassier:

Mit welchen Suchbegriffen finde ich nachher, wie man einzelnen (Unter-) Menüpunkten ein Icon, das auf der platte liegt, zuordnet?

Ich geh dann mal nach 23 gucken

harff182

Wenn die 4 Untermenüs auch aufgehellt aufpoppen, brauch ich mir ja nur das passende Weiß auszusuchen....

Achja: Bescheid

harff182

Wenn ich meine Menüs aufklappe, ist alles so öde in Grau.

Kann man die in einem Schwupp weißen?

Wenn nicht, und man einzelne Menüs/untermenüs ansprechen muß, reicht mir (hoffentlich) ein Beispiel für "Ansicht" und "Ansicht/Zoom".

Den Rest versuch ich dann selber hinzubekommen - heut ist bei mir FF-Bastel-Abend

harff182

Freudsche Fehlleistung - ich tipp aus irgendeinem Grund immer erst config bevor ich merk, daß es support sein muß.

harff182

2002Andreas :

Mit dem "Web-Entwickler"-Menü steh ich immer noch auf Kriegsfuß

Mehrfach versucht, daraus was zu benutzen, aber immer wieder gescheitert :blushing:

Ist für meine bescheidenen Bedürfnisse/Kenntnisse wohl etwas zu hoch...

BrokenHeart :

Danke, klappt

milupo :

Danke für den Tip mit about:config.

Zusammen mit dem Beispiel von BrokenHeart kann ich dann zukünftig bei Bedarf ersma selber rumtesten, bevor ich um Hilfe schrei

harff182

BrokenHeart :

Wie kommt man denn an so eine AddOn-ID?

Ich hab das Script grade mal getestet, kommt richtig gut, nur der "EPUBReader" müßte geblacklisted werden...

harff182

Gerne, ich habs aber nur schön bunt und rund gemacht:

JavaScript

//    Farbige, abgerundete Scrollbalken mit Buttons :)

"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 */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.4 ****************************************************************************** */
/* ******************************************************************************************** */

/* ***********************************************************************************************
 README
 
 [!] either 'method 1' or 'method 2' are required to prepare Firefox for custom JavaScript files
 [!] 'custom_scrollbars.uc.js' file belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)
 [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
 -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
 -> close Firefox
 -> delete 'startupCache' folders content
 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 - unsettings predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; // default: hide_scrollbars = false
var hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
var custom_scrollbar_size = true; // default: custom_scrollbar_size = false
var custom_scrollbar_size_value = 22; // in px // default: custom_scrollbar_size_value = 17
var custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
var enable_scrollbars_on_top_of_webcontent = false; // default: enable_scrollbars_on_top_of_webcontent = false // uses 'custom_scrollbar_size_value' inside its code
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true

// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 1; // in px // default: cs_thumb_border = 0
var cs_thumb_roundness = 80; // in px // default: cs_thumb_roundness = 0
var cs_buttons_roundness = 0; // in px // default: cs_buttons_roundness = 0
var cs_buttons_as_arrows = false; // default: cs_buttons_as_arrows = false // uses 'custom_scrollbar_size_value' inside its code
var cs_arrows_on_buttons = true; // default: cs_arrows_on_buttons = true // uses 'custom_scrollbar_size_value' inside its code
// button size with arrow - 1: space above arrow = arrow height // 1.5: space above arrow = 0.5 * arrow height // 2: no space above arrow
var cs_arrows_on_buttons_buttons_size = 1.5; // default: cs_arrows_on_buttons_buttons_size = 1.5
// 'flat' scrollbars
var cs_ignore_color_gradients = false; // default: cs_ignore_color_gradients = false

// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "yellow"; // default: cs_background_color = "#DDDDDD"
//var cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "unset"
var cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
//var cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "unset"
var cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#DDDDDD"; // default: cs_corner_background_color = "#DDDDDD"
var 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 = "unset"
// - thumb/slider
var cs_thumb_color = "cornflowerblue"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "coral"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "black"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
var cs_buttons_color = "yellow"; // default: cs_buttons_color = "#66FFFF"
var cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "gainsboro"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "unset"
// - button arrows
var cs_arrows_on_buttons_color = "black"; // default: cs_arrows_on_buttons_color = "#33CCFF"
var cs_arrows_on_buttons_hover_color = "red"; // default: cs_arrows_on_buttons_hover_color = "#66FFFF"

// 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";

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


// Scrollbar code

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, scrollbar thumb, scrollbar scrollbarbutton {\
      -moz-appearance: none !important;\
    }\
    scrollbar {\
      background-color: '+cs_background_color+' !important;\
    }\
    scrollbar[orient="vertical"] {\
      background-image: '+cs_background_image_vertical+' !important;\
    }\
    scrollbar[orient="horizontal"] {\
      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;\
      border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
    }\
    scrollbar thumb[orient="vertical"] {\
      background-image: '+cs_thumb_image_vertical+' !important;\
    }\
    scrollbar thumb[orient="horizontal"] {\
      background-image: '+cs_thumb_image_horizontal+' !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;\
    }\
    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;\
    }\
    '), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

    }
};

var cs_scrollbars_scrollbar_button_arrows = {

  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, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      background-color: unset !important;\
      background-image: unset !important;\
      border-radius: 0px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_arrows_on_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, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      border-radius: 0px !important;\
    }\
    \
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !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_size = {

  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_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-height: 0 !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_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[orient="vertical"],\
    scrollbar[orient="horizontal"],\
    scrollbar, scrollcorner {\
      background-color: transparent !important; \
      background-image: unset !important; \
    }\
    scrollbar[orient="vertical"] {\
      -moz-margin-start: -'+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] {\
      margin-top: -'+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_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);

  }
};

// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.init();
if(enable_scrollbars_on_top_of_webcontent==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

Da ich wenig Plan von JS hab, hab ich einfach mit verschiedenen Werten solange rumprobiert, bis es mir lag

harff182

milupo: Auch hübsch

Ich hab mir allerdings eben neben Fußball gucken das Originalscript gegrapscht und solange dran rumprobiert, bis ich zufrieden war.

Meine Nachfrage an 2002Andreas hat sich somit erledigt, ich hab meine Buttons wieder

guuts nächtle, allerseits....

harff182

Oh, ich dachte entweder... oder...

Danke, 2002Andreas

Jetzt kann ich mal gucken, ob mir Deine/Aris Lösung besser gefällt oder die vom FuchsFan.

BTW:

In Deinem Bild zum Script in #6 fehlen die Buttons (Hoch/Runter).

Sind die jetzt weg oder bekommt man die wieder rein?

harff182

Zitat von FuchsFan

Hallo, Andreas, ich nutze für die Scrollbar nur diesen css-Code

FuchsFan:

Wo(mit) benutzt Du den denn?

Weder in der userChrome.css als letztes noch als Import-File tut der was.

harff182

Mit STRG + (+ im Zehnerblock) ?

harff182

Dann bin ich zu doof dafür und hab mich zu früh gefreut.

harff182

Zitat von 2002Andreas

Zitat von harff182

Aber wie führe ich den Code-Schnipsel denn dann aus?

Einfach nur einfügen, wird dann automatisch angezeigt.

Nö.

Da ich die userchrome.css nicht bewußt deaktiviert habe, ist das so, wie BrokenHeart in #18 beschrieben hat:

Zitat von BrokenHeart

Edit: Wenn die 'userchrome.css' aktiv ist, übernimmt er nicht eine Änderung aus dem Stylesheet (Getestet: 68esr/70/72).
Werde ich doch mit den Neustarts weiterleben müssen.

Hab aber nur mit 70 versucht.

harff182

Zitat von Sören Hentzschel

Wechsle in den Reiter Stilbearbeitung, drücke das "+"-Symbol und du hast ein leeres Stylesheet, in welchem du dich austoben kannst. Hier kannst du alles reinschreiben, was du in die Datei userChrome.css schreiben würdest, und testen. Alles, was du dort änderst, benötigt keinen Neustart von Firefox.

Liest sich interessant für meinereiner

Aber wie führe ich den Code-Schnipsel denn dann aus?

harff182

Tja, manchmal is weniger halt mehr

2002Andreas

Beiträge von harff182

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Hintergrund für aufgeklappte Menüs/Untermenüs ändern

Lesezeichenordner ohne klicken öffnen

Lesezeichenordner ohne klicken öffnen

Lesezeichenordner ohne klicken öffnen

Firefox-Scrollbar

Firefox-Scrollbar

Firefox-Scrollbar

Firefox-Scrollbar

STRG + 0 soll Standard 120%

Fehler beim Öffnen der 'Browser-Werkzeuge' unter FF70/Nigthly...

Fehler beim Öffnen der 'Browser-Werkzeuge' unter FF70/Nigthly...

Fehler beim Öffnen der 'Browser-Werkzeuge' unter FF70/Nigthly...

FF 70.0 - NewTab-Button