Beiträge von Endor

Endor

Das Script verwende ich auch schon lange.
Für mich ist aber meines oben wichtiger.

Alice ist immer über Github zu erreichen:

alice0775 - Overview

alice0775 has 4 repositories available. Follow their code on GitHub.

github.com

Über Yahoo geht das schon ewig nicht mehr.

Mfg.
Endor

Endor

Hallo Boersenfeger.

Glaube Du kannst Deine Version weiter verwenden.

Es wurde nur der von Mira_Belle entdeckte Fehler behoben:

Sie Änderungen hier
https://github.com/Aris-t2/Custom…80af52ab594e4a6

Mfg.
Endor

Endor

Hallo zusammen.

Seit Firefox 112 will dieses Script hier nicht mehr:

newTabButtonUndoTabList.uc.js

JavaScript: newTabButtonUndoTabList.uc.js

// ==UserScript==
// @name           newTabButtonUndoTabList.uc.js
// @description    Bei Rechtsklick auf die Neuen Tab Schaltfläche, wird im Kontextmenü,
// @description    der Eintrag zum Wiederherstellen des zuletzt geschlossenen Tabs angezeigt.
// @include        main
// ==/UserScript==
(function () {

    gBrowser.mTabContainer.addEventListener('click', function (e) {
        if (e.originalTarget.className != 'tabs-newtab-button') return;
        switch (e.button) {
            case 1:
                undoCloseTab(0);
                break;
            case 2:
                UCT.makePopup(e);
                e.preventDefault();
                break;
        }
    }, false);

})();

var UCT = {

    _ss: Cc['@mozilla.org/browser/sessionstore;1'].getService(Ci.nsISessionStore),

    init: function () {
        var mp = document.createXULElement("menupopup");
        mp.id = "undo-close-tab-list";
        mp.setAttribute("onpopupshowing", "UCT.onpopupshowing(event);");
        mp.setAttribute("placespopup", true);
        mp.setAttribute("tooltip", "bhTooltip");
        mp.setAttribute("popupsinherittooltip", true);
        document.getElementById("mainPopupSet").appendChild(mp);
    },

    makePopup: function (e) {
        if (this._ss.getClosedTabCount(window) != 0)
            document.getElementById("undo-close-tab-list").openPopupAtScreen(e.screenX +2, e.screenY +2, false);
        else
            throw "Es gibt keinen Tab, der wiederhergestellt werden kann";
    },

    onpopupshowing: function (e) {
        var popup = e.target;

        while (popup.hasChildNodes())
            popup.removeChild(popup.firstChild);

        var undoItems = JSON.parse(this._ss.getClosedTabData(window));
        undoItems.map(function (item, id) {
            var m = document.createXULElement('menuitem');
            m.setAttribute('label', item.title);
            m.setAttribute('image', item.image ? 'moz-anno:favicon:' + item.image : '');
            m.setAttribute('class', 'menuitem-iconic bookmark-item');
            m.setAttribute('oncommand', 'undoCloseTab(' + id + ')');
            popup.appendChild(m);
        });

        popup.appendChild(document.createXULElement("menuseparator"));
        m = document.createXULElement("menuitem");
        m.setAttribute("label", "Chronik in der Sidebar öffnen");
        m.setAttribute("image", "chrome://browser/skin/places/history.svg");
        m.setAttribute("class", "menuitem-iconic");
        m.setAttribute("oncommand", "toggleSidebar('viewHistorySidebar');");
        popup.appendChild(m);
    },

};
UCT.init();

Alles anzeigen

JavaScript: Browserkonsole Meldung

Uncaught ReferenceError: gBrowser is not defined
    <anonymous> file:///C:/Users/Endor8/AppData/Roaming/Mozilla/Firefox/Profiles/Firefox-112/chrome/NewTabButtonUndoTabList.uc.js:9
    <anonymous> file:///C:/Users/Endor8/AppData/Roaming/Mozilla/Firefox/Profiles/Firefox-112/chrome/NewTabButtonUndoTabList.uc.js:22
    loadScript file:///C:/Program Files/Mozilla Firefox/userChromeJS/utilities.js:114
NewTabButtonUndoTabList.uc.js:9:2

Hoffe jemand bringt das wieder zum laufen.

Mfg.
Endor

Endor

Hallo zusammen.

Aris-t2 hat das Script aktualisiert.

JavaScript: custom_scrollbars.uc.js

"use strict";

/* Firefox userChrome.js tweaks - 'Custom Scrollbars' for Firefox
   https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js

   Version: 2.0.4 for Firefox 111+
   
   NOTE: 'non-compatible options' from earlier versions were removed

   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
 
   [!] 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
 
   Modifying appearance > change values
   - enable/disable options: true <-> false
   - color
     - name: red, blue, transparent 
     - hex code: #33CCFF, #FFF
     - 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))
   - predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
   - no color or no color value -> use "unset"
   - arrow icons
      - files have to be downloaded from https://github.com/Aris-t2/CustomJSforFx/tree/master/icons
      - files have to be placed inside 'icons' (sub)folder --> 'chrome\icons'
      - own svg files can also be used, if they are named up.svg, down.svg, left.svg, right.svg
 
*/

(function() {


  /* General scrollbar settings *******************************************************/

  // default: hide_scrollbars = false
  const hide_scrollbars = false;

  // default: hide_scrollbar_buttons = false
  const hide_scrollbar_buttons = false;

  // default: thin_scrollbars = false / browsers own way to show thin scrollbars
  const thin_scrollbars = false;

  // default: custom_scrollbar_opacity = false
  const custom_scrollbar_opacity = false;

  // default: custom_opacity_value = "1.0"
  const custom_opacity_value = "1.0";


  /* Custom scrollbar settings ("custom_scrollbar_" --> "cs_") ************************/
  
  // default: custom_scrollbars = true
  const custom_scrollbars = true;
  
  // default: custom_scrollbar_arrows = true
  const custom_scrollbar_arrows = true;
  
  // default: custom_scrollbar_arrows_version = 1
  //  1 ==> SVG arrows as code: might not work on some pages
  //  2 ==> SVG arrows as files: files have to be downloaded from
  //        https://github.com/Aris-t2/CustomJSforFx/tree/master/icons
  //        and placed inside 'chrome\icons' folder
  const custom_scrollbar_arrows_version = 1;
  
  // default: custom_scrollbar_arrows_color = "grey"; / # ==> %23 e.g. #33CCFF ==> %2333CCFF
  // only for 'custom_scrollbar_arrows_version = 1'
  const custom_scrollbar_arrows_color = "grey";
  
  // default: cs_thumb_border = 0 / in px
  const cs_thumb_border = 0;
  
  // default: cs_thumb_roundness = 0 / in px
  const cs_thumb_roundness = 0;
 
  // default: cs_buttons_border = 0 / in px
  const cs_buttons_border = 0;

  // default: cs_buttons_roundness = 0 / in px
  const cs_buttons_roundness = 0;

  // default: cs_ignore_color_gradients = false / 'flat' scrollbars
  const cs_ignore_color_gradients = false; 
  

  /* Custom scrollbar colors and gradients ********************************************/
  
  // default: cs_background_color = "#DDDDDD"
  const cs_background_color = "#DDDDDD";

  // default: cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_corner_background_color = "#DDDDDD" / - corner
  const cs_corner_background_color = "#DDDDDD";
  
  // 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%)"
  let cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)";

  // default: cs_thumb_color = "#33CCFF" / thumb/slider
  const cs_thumb_color = "#33CCFF";
  
  // default: cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; 
  
  // default: cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; 
  
  // default: cs_thumb_hover_color = "#66FFFF"
  const cs_thumb_hover_color = "#66FFFF";
  
  // default: cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_thumb_border_color = "#33CCFF"
  const cs_thumb_border_color = "#33CCFF";
  
  // default: cs_buttons_color = "#66FFFF" / buttons
  const cs_buttons_color = "#66FFFF";
  
  // default: cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";

  // default: cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_hover_color = "#33CCFF"
  const cs_buttons_hover_color = "#33CCFF";
  
  // default: cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"
  let cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)";
  
  // default: cs_buttons_border_color = "#33CCFF"
  const cs_buttons_border_color = "#33CCFF";


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

  let ProfilePathChrome = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome'));


  // unset background image color gradients -> flat scrollbars
  if(cs_ignore_color_gradients === true)
    cs_background_image_vertical
    = cs_background_image_horizontal
    = cs_corner_background_image
    = cs_thumb_image_vertical
    = cs_thumb_image_horizontal
    = cs_thumb_hover_image_vertical
    = cs_thumb_hover_image_horizontal
    = cs_buttons_image_vertical
    = cs_buttons_image_horizontal
    = cs_buttons_hover_image_vertical
    = cs_buttons_hover_image_horizontal
    = "unset";


  let custom_scrollbars_code='';
  let custom_scrollbar_arrows_code='';
  let hide_scrollbar_buttons_code='';
  let custom_scrollbar_opacity_code='';
  let hide_scrollbars_code='';
  let thin_scrollbars_code='';
  
  if(custom_scrollbars === true)
    custom_scrollbars_code=`
        slider, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {
          appearance: auto;
          -moz-default-appearance: none !important;
        }
        slider {
          background-color: ${cs_background_color} !important;
        }
        scrollbar[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: 17px !important;
        }
        scrollbar thumb[orient="horizontal"] {
          background-image: ${cs_thumb_image_horizontal} !important;
          min-width: 17px !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_version === 1)
    custom_scrollbar_arrows_code=`
        scrollbar scrollbarbutton {
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton[type="decrement"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E ") !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton[type="increment"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E ") !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton[type="decrement"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z'/%3E%3C/svg%3E ") !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton[type="increment"] {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='${custom_scrollbar_arrows_color}' %3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ") !important;
        }

    `;
  else if(custom_scrollbar_arrows === true && custom_scrollbar_arrows_version === 2)
    custom_scrollbar_arrows_code=`
        scrollbar scrollbarbutton {
          background-repeat: no-repeat !important;
          background-position: center center !important;
        }
        scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
          background-image: url("${ProfilePathChrome}icons/up.svg") !important;
        }
        scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
          background-image: url("${ProfilePathChrome}icons/down.svg") !important;
        }
        scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
          background-image: url("${ProfilePathChrome}icons/left.svg") !important;
        }
        scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
          background-image: url("${ProfilePathChrome}icons/right.svg") !important;
        }
    `;

  if(hide_scrollbar_buttons === true)
    hide_scrollbar_buttons_code=`
        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;
        }
    `;
    
  if(custom_scrollbar_opacity === true)
    custom_scrollbar_opacity_code=`
        scrollbar {
          opacity: ${custom_opacity_value} !important;
        }
    `;
  
  if(hide_scrollbars === true)
    hide_scrollbars_code=`
        scrollbar, scrollcorner {
          display: none !important;
          visibility: collapse !important;
        }
    `;
  
  if(thin_scrollbars === true)
    thin_scrollbars_code=`
        :root{
          scrollbar-width: thin !important;
        }
        scrollbar[orient="vertical"] scrollbarbutton {
          height: 14px !important;
          width: 7px !important;
        }
        scrollbar[orient="horizontal"] scrollbarbutton {
          height: 7px !important;
          width: 14px !important;
        }
    `;

  Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService)
      .loadAndRegisterSheet(Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
        ${custom_scrollbars_code}
        ${custom_scrollbar_arrows_code}
        ${hide_scrollbar_buttons_code}
        ${custom_scrollbar_opacity_code}
        ${hide_scrollbars_code}
        ${thin_scrollbars_code}
  `), null, null),
  Components.classes["@mozilla.org/content/style-sheet-service;1"]
    .getService(Components.interfaces.nsIStyleSheetService).AGENT_SHEET);


})();

Alles anzeigen

Quelle:
https://github.com/Aris-t2/Custom…crollbars.uc.js

Mfg.
Endor

Endor

Aris-t2 hat folgendes geantwortet:

Zitat von Aris-t2

The idea behind this is based on this project description:

From this projects \method 2\profile\ folder copy userChrome folder and userChrome.js file to \ PROFILENAME \chrome\ folder.

Scripts are placed inside \chrome\userChrome\, e.g. chrome\userChrome\custom_scrollbars.uc.js

Icons used by custom_scrollbars.uc.js can be placed inside 'icons' (sub)folder. I meant a subfolder inside \userChrome\ folder not just inside \chrome\ folder.

I see this can cause confusion, if someone adds images to \chrome\icons\ by default.

Mfg.
Endor

Endor

Auch von mir herzlichen Dank.

Funktioniert wieder einwandfrei.

Mfg.
Endor

Endor

Schauspielerin Maria Sebaldt ist tot.

Schauspielerin Maria Sebaldt ist tot

Ob "Das Traumschiff", "Die Wicherts von nebenan" oder "Ich heirate eine Familie": Sie spielte in zahlreichen deutschen Fernsehserien eine Rolle. Der Theater-…

www.tagesschau.de

R.I.P.

Mfg.
Endor

Endor

Hallo Mira_Belle.

Ich habe mir erlaubt Aris auf den Fehler in seiner aktuellen Script Version 2.0.3,
bzw. auf Deinen Betrag: #3 aufmerksam zu machen:
https://github.com/Aris-t2/Custom…ment-1505310570

Hoffe es ist Dir recht.

Viele Grüße
Endor

Endor

Nur zur Info: Aris hat das Script wieder aktualisiert.

Aktuell ist jetzt Version 2.0.3

CustomJSforFx/custom_scrollbars.uc.js at master · Aris-t2/CustomJSforFx

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

Mfg.
Endor

Endor

Hallo Büssen.

Herzlichen Glückwunsch zum Geburtstag.
Viel Gesundheit und Glück wünsche ich Dir.

Viele Grüße

Endor

Endor

2002Andreas

Könnte man hier
background-position: center !important;

noch einen weiteren Wert hinzufügen?

Je nachdem top oder bottom usw.
Lese gerade hier:
https://developer.mozilla.org/en-US/docs/Web…ground-position

Mfg.
Endor

Hallo 2002Andreas.

Ich habe es hier jetzt so gemacht, dann funktioniert es:

CSS

  if(custom_scrollbar_arrows === true)
    custom_scrollbar_arrows_code=`
      scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
        background-image: url("${ProfileDirectory}/Pfeil-hoch_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: top !important;

      }
      scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
        background-image: url("${ProfileDirectory}/Pfeil-runter_hellgrau.svg") !important; 
        background-repeat: no-repeat !important;
        background-position: bottom !important;

      }
      scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {
        background-image: url("${ProfileDirectory}/Pfeil-links_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left !important;

      }
      scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {
        background-image: url("${ProfileDirectory}/Pfeil-rechts_hellgrau.svg") !important;
        background-repeat: no-repeat !important;
        background-position: right !important;

      }
/* hover  */
      scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-hoch_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: top !important;
      }
       
      scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-runter_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: bottom !important;
      }
       
      scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-links_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: left !important;
      }
       
      scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {
        background-image: url("${ProfileDirectory}/Pfeil-rechts_orange.svg") !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
      }
    `;

Alles anzeigen

Was meinst Du dazu?

Mfg.
Endor

Endor

Hallo 2002Andreas

Ja damit wird nur noch ein Symbol angezeigt egal welche Vergrößerung.
Aber das Pfeilsymbol wird verschoben beim Vergrößern. Das obere weiter nach unten
das untere weiter nach oben.
Außer man setzt in den Firefox Einstellungen den Haken bei
Nur Text zoomen

Dann passt es hier.

Mfg.
Endor

Endor

Zitat von FuchsFan

Eigentlich hier auch, aber trotzdem muss ich feststellen, dass bei erhöhtem Zoom es dann so aussieht (hier mal 300%). Oder ist das beabsichtigt?

Ja das muss ich leider auch bestätigen.

Sieht hier aus wie bei FuchsFan.

Mfg.
Endor

Endor

Hallo Mira_Belle.

Habe Dein Script hier in Firefox 113 Nightly getestet.

~~Funktioniert hier einwandfrei. Alles bestens.~~
Edit: Doch nicht so ganz. Siehe:

RE: Scrollbar.uc.js Skript die Hg Farbe ändern
Auch am Code konnte ich keine Fehler erkennen.

Scrollbars usw. sehen übrigens toll aus!!!

Mfg.
Endor

Endor

2002Andreas

Funktioniert hier leider nicht.

Schade.

Mfg.
Endor

Endor

Hallo zusammen.

Habe hier dieses Script verwendet.

Es erhöhte, nur in der Menüleiste, bei Chronik im Menü ,die Anzahl der
Einträge der zuletzt geschlossenen Tabs von 15 auf 25. Seit Firefox 111

muss ich das Script deaktivieren sonst werden unter Menüleiste - Chronik
nur mehr ganz oben die vier Einträge angezeigt.

Code

(function() {

  if (!window.gBrowser)
    return;

  const maxItems = 25;

  let HistoryMenuOriginal = HistoryMenu;
  HistoryMenu = function HistoryMenu(aPopupShowingEvent) {
    this.__proto__.__proto__ = PlacesMenu.prototype;
    Object.keys(this._elements).forEach(name => {
      this[name] = document.getElementById(this._elements[name]);
    });
    PlacesMenu.call(this, aPopupShowingEvent, "place:sort=4&maxResults=" + maxItems);
  };
  HistoryMenu.prototype = HistoryMenuOriginal.prototype;

})();

Alles anzeigen

Keine Ahnung wie oder was man da ändern müsste.

Hoffe ihr habt da eine Idee.

Mfg.
Endor

Endor

Ich verwende es auch und auch hier geht es schon seit gestern nicht mehr.

Neuste Version von Aris ändert auch hier nichts daran.
Vielleicht sollten wir Aris mal darauf aufmerksam machen?

Mfg.
Endor

Endor

Hallo Andreas.

Das ist der Code von FuchsFan

den habe ich mal angepasst. Hoffe das ist jetzt so wie Du es möchtest.

CSS

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url(about:profiles) {
    
  html {
    background: #d9d9d9 !important;
  }    
    
/* alle Button */    
  button {
    background: #fff7e6 !important;
    border-style: outset !important;
    border-left-color: lightblue !important;
    border-top-color: lightblue !important;
    border-right-color: dodgerblue !important;
    border-bottom-color: dodgerblue !important;
    border-width: 2px !important;
    border-radius: 20px !important;
    background-position: 14px 7px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 7px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

/* Originaler Text "Über Profile" ausgeblendet */
  #body > h1 {
    font-size: 0px !important; 
    margin-bottom: 30px !important;
  }

/* neuen Text mit HG eingefügt */
  h1::after {
    content: 'Meine Profile' !important;
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important; 
    background-color: #009900 !important;
    color: white !important;
    font: 32px bold !important;
    line-height: 100px !important;
    text-align: center !important;
    min-width: 500px !important;
    max-width: 500px !important;
    padding: 0 50px !important;
    margin-left: 310px !important;
    margin-right: -200px !important;
  }
  
  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. auf 1600px, dann aber auch in Zeile 39 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fff7e6 !important;
    border: royalblue! important;
    border-width:  8px !important;
    box-shadow: 15px 15px 0px 0px #fdd342 inset !important;
    border-style: double !important;
  }
  
  .content-flex {
    flex: 1 1 50% !important;
  }
  
  .action-box{
    background: #f2e6d9 !important;
    border: 2px ridge coral !important;
    margin-top: 40px !important;
    margin-left: -120px !important;
    margin-bottom: 50px !important;
    border-radius: 14px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

/* Label "Neu starten"  */
  .action-box > h3:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    min-height: 20px !important;
    max-height: 20px !important;
    max-width: 309px !important;
    min-width: 309px !important;
    padding: 3px 0px 6px 0px !important;
    margin: 0 auto 10px 4px!important;
  }

  #owned {        
    border: 2px ridge lightgrey !important;
    border-radius: 10px !important;
    min-width: 55vw !important;
    padding: 20px !important;
    margin-top: 140px !important;
    background-color: #ecd9c6 !important;
    position: relative !important;
  }
    
/* Die Einstellungen ab hier sind für alle Profile */

/* Rahmen um die Profil-Gruppen */
  #profiles > div { 
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    padding: 15px 30px !important;
    margin-top: 30px !important;
    background: #F0F0F0 !important;
  }    

  #profiles > div > table {
    border-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 14px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 14px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 14px !important;
  }

  th, td {
    padding-left: 17px !important;
  }
  
  td {
    font-size: 14px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    min-width: 315px !important;
    max-width: 315px !important;
    text-align: left !important;
    margin-left: 4px !important;
    padding-left: 40px !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important;
  }
  
  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }
    
  /* Label Profilname */
  #profiles > div > h2:nth-child(1) {
    border: 2px ridge lightgrey !important;
    border-radius: 20px !important;
    background-color: lightgreen !important;
    text-align: center !important;
    line-height: 40px !important;
    width: 20vw !important;
    height: 40px !important;
    margin: 0 0 20px 50px !important;
  }
    
/* Erklärung im Standardprofil */
  #profiles > div > h3 {
    color: red !important;
    border: 2px ridge red !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin: 0 0 20px 0 !important;
  }

/* Position der Schaltflächen Ordner öffen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(2) > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table > tbody > tr:last-child > td > button {
    position: absolute !important;
    right: 70px !important;
    margin-top: -8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    background-position: 14px 6px !important;
    margin-top: 8px !important;
    padding-left: 40px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

/* Zeilen(Boxen) rechts - der HG im Wechsel */
  #profiles > div:nth-child(odd) > table {   
    background: #f7edd4 !important;
  }
  #profiles > div:nth-child(even) > table {
    background: beige !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
    padding-right: 10px !important;
    font-size: 13px !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

So sieht es hier in Firefox 111.0.1 mit obigem Code aus:

Schönen Abend weiterhin.

Mfg.
Endor

Endor

Das mit den Schaltflächen konnte ich beheben:

CSS

/* AGENT_SHEET */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url(about:profiles) {
  button {
    background: #F0F0F0 !important;
    border-style: outset !important;
    border-left-color: lightblue !important;
    border-top-color: lightblue !important;
    border-right-color: dodgerblue !important;
    border-bottom-color: dodgerblue !important;
    border-width: 2px !important;
    border-radius: 12px !important;
    padding-bottom: 1px !important;
    background-position: 14px 6px !important;
    color: black !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 14px !important;
  }

  button:hover {
    background: #B2EDFA !important;
    background-position: 14px 6px !important;
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  html {
    background: #ffffff !important;
  }

  h1::after {
    content: "Design by Endor";
    margin-left: 230px;
    font-size: 25px;
    font-weight: bold;
    color: red;
  }

  #body {
    position: relative !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1200px !important; /* Breite anpassen zbs. 1600px, dann unbedingt in Zeile 72 den Wert auf 71% erhöhen */
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    padding-bottom: 30px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
    background-color: #fffff0 !important;
    border-left-color: lightblue !important;
    border-top-color: lightblue !important;
    border-right-color: dodgerblue !important;
    border-bottom-color: dodgerblue !important;
    border-radius: 20px !important;
    border-width: 4px !important;
    border-style: outset !important;
  }

  #body:hover {
    border-left-color: #bbddff !important;
    border-top-color: #bbddff !important;
    border-right-color: #11508d !important;
    border-bottom-color: #11508d !important;
  }

  .content-flex {
    flex: 1 1 56% !important;
  }

  .action-box {
    margin-top: -40px !important;
    border-radius: 24px !important;
    max-width: 353px !important;
  }

  .action-box > h3:nth-child(1) {
    margin-left: 13px !important;
  }

  .action-box > h3, h2, h1 {
    color: #057A7A !important;
  }

  .action-box {
    background: #FDF5E6 !important;
  }

  .action-box > h3 {
    margin-left: 4px !important;
  }

  #owned {
    margin-top: -80px !important;
  }

  #profiles > div > table {
    border-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    border-top-left-radius: 24px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(1) > td:nth-child(2) {
    border-top-right-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > th:nth-child(1) {
    border-bottom-left-radius: 24px !important;
  }

  #profiles > div > table > tbody > tr:nth-child(3) > td:nth-child(2) {
    border-bottom-right-radius: 24px !important;
  }

  th, td {
    padding-left: 17px !important;
  }

  hr {
    display: none !important;
  }

  h2 {
    margin-top: 25px !important;
  }

  h3 {
    color: red !important;
  }

  [data-l10n-id="profiles-restart-normal"] {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  [data-l10n-id="profiles-restart-normal"]:hover {
    background-image: url("..//icons/Bild9.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"] {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 8px !important;
    padding-left: 45px !important;
    min-width: 330px !important;
    max-width: 330px !important;
    text-align: left !important;
    margin-bottom: 10px !important;
  }

  [data-l10n-id="profiles-restart-in-safe-mode"]:hover {
    background-image: url("..//icons/Bild10.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-create"] {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-create"]:hover {
    background-image: url("..//icons/Bild11.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-args='{"name":"default"}'] {
    color: blue !important;
  }

  [data-l10n-id="profiles-yes"] {
    color: green !important;
    font-weight: bold !important;
    font-size: 18px !important;
  }
  
  [data-l10n-id="profiles-no"]{
    color: red !important;
    font-size: 16px !important; 
  }

  [data-l10n-id="profiles-opendir"] {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
    margin-left: 5px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-opendir"]:hover {
    background-image: url("..//icons/Bild12.png") !important;
    background-repeat: no-repeat !important;
  }

  /* Position der Schaltflächen Ordner öffnen festlegen */
  #profiles > div:nth-child(n+1) > table > tbody > tr:nth-child(n+1) > td > button{
    position: absolute !important;
    right: 80px !important; 
    margin-top:-8px !important;
  }

  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1),
  #profiles > div:nth-child(n+1) > table:nth-child(n+1) > tbody:nth-child(1) > tr:nth-child(n+1) > th:nth-child(n+1) {
    height: 32px !important;
  }

  [data-l10n-id="profiles-rename"] {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-rename"]:hover {
    background-image: url("..//icons/Bild13.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-remove"] {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-remove"]:hover {
    background-image: url("..//icons/Bild8.gif") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-set-as-default"] {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-set-as-default"]:hover {
    background-image: url("..//icons/Bild14.png") !important;
    background-repeat: no-repeat !important;
  }

  [data-l10n-id="profiles-launch-profile"] {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
    margin-top: 8px !important;
    padding-left: 35px !important;
    padding-right: 20px !important;
  }

  [data-l10n-id="profiles-launch-profile"]:hover {
    background-image: url("..//icons/Bild15.png") !important;
    background-repeat: no-repeat !important;
  }

  #profiles > div:nth-child(even) > table {
    background: #FFFAF0 !important;
  }

  #profiles > div:nth-child(odd) > table {
    background: #FFFFFF !important;
  }

  td:hover {
    background: #ffeb99 !important;
  }

  th {
    background-color: #ee7621 !important;
  }

  th:hover {
    background-color: #b54f06 !important;
  }
}

Alles anzeigen

Das mit Neu starten habe ich hier so nicht ist bei mir nebenenander.

Da muss ich mir mal euren Code anschauen.

Mfg.
Endor

Endor

Hallo zusammen.

Meint ihr die beiden Schaltflächen
Mit deaktivierten Add-ons neu starten...
Normal neu starten...

Da muss ich was ändern, dass die beiden immer die selbe Länge haben.
Denn das sieht bei jedem etwas anders aus. Mal sehen.

Mfg.
Endor

Beiträge von Endor

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

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

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

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Aris-t2 Update custom_scrollbars.uc.js

Grafik anzeigen.uc.js funktioniert nicht mehr

In memoriam

Aris-t2 Update custom_scrollbars.uc.js

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

Der Glückwunsch-Thread

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

Scrollbar.uc.js Skript die Hg Farbe ändern

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

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

Scrollbar.uc.js funktioniert hier im Nightly nicht mehr

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen