1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Mira_Belle

Beiträge von Mira_Belle

  • Custom buttons not recognized, do not appear on toolbar

    • Mira_Belle
    • 6. April 2026 um 21:05

    Autsch.

    JavaScript
    // Restart button script for Firefox 60+ by Aris
    //
    // left-click on restart button: normal restart
    // middle-click on restart button: restart + clear caches
    // right-click on restart button: no special function
    //
    // based on 'Quit' button code by 2002Andreas
    // restart code from Classic Theme Restorer add-on
    // invalidate caches from Session Saver add-on
    
    (function() {
    
    try {
     var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
     var appversion = parseInt(Services.appinfo.version);
    
     var button_label = "Restart";
    
     CustomizableUI.createWidget({
        id: "uc-restart", // button id
        defaultArea: CustomizableUI.AREA_NAVBAR,
        removable: true,
        label: button_label, // button title
        tooltiptext: button_label, // tooltip title
        onClick: function(event) {
          
          var cancelQuit   = Components.classes["@mozilla.org/supports-PRBool;1"].createInstance(Components.interfaces.nsISupportsPRBool);
          var observerSvc  = Components.classes["@mozilla.org/observer-service;1"].getService(Components.interfaces.nsIObserverService);
                
          if(event.button=='1') { // middle-click - clear caches
            Components.classes["@mozilla.org/xre/app-info;1"].getService(Components.interfaces.nsIXULRuntime).invalidateCachesOnRestart();
          }
          
          if(event.button=='0' || event.button=='1') { // left/middle-click - restart
            observerSvc.notifyObservers(cancelQuit, "quit-application-requested", "restart");
                
            if(cancelQuit.data) return false;
                    
            Services.startup.quit(Services.startup.eRestart | Services.startup.eAttemptQuit);
          }
        },
        onCreated: function(button) {
          return button;
        }
            
     });
    
     var icon = "chrome://global/skin/icons/reload.svg";
    
     if(appversion < 92) icon = "chrome://browser/skin/reload.svg";
    
     // style button icon
     var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
        \
          #uc-restart .toolbarbutton-icon {\
            list-style-image: url("'+icon+'"); /* icon / path to icon */ \
            transform: scaleX(-1); /* icon mirroring */\
            fill: red; /* icon color name/code */\
          }\
        \
     '), null, null);
    
     sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
    } catch (e) {
        Components.utils.reportError(e);
    };
    
    })();
    
    //      RestartFirefox_plus.uc.js   2
    
       (function() {
    
          if (location != 'chrome://browser/content/browser.xhtml') return;
          
          try {
             CustomizableUI.createWidget({
                id: 'restart-button',
                type: 'custom',
                defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {         
                   var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                   let props = {
                      id: 'restart-button',
                      class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                      removable: false,
                      label: 'RESTART',
                      tooltiptext: 'Restart (right-click and middle-click clear the userChrome.js cache))',
                      style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89%2BbN%2FrXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz%2FSMBAPh%2BPDwrIsAHvgABeNMLCADATZvAMByH%2Fw%2FqQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf%2BbTAICd%2BJl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA%2Fg88wAAKCRFRHgg%2FP9eM4Ors7ONo62Dl8t6r8G%2FyJiYuP%2B5c%2BrcEAAAOF0ftH%2BLC%2BzGoA7BoBt%2FqIl7gRoXgugdfeLZrIPQLUAoOnaV%2FNw%2BH48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl%2FAV%2F1s%2BX48%2FPf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H%2FLcL%2F%2Fwd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s%2BwM%2B3zUAsGo%2BAXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93%2F%2B8%2F%2FUegJQCAZkmScQAAXkQkLlTKsz%2FHCAAARKCBKrBBG%2FTBGCzABhzBBdzBC%2FxgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD%2FphCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8%2BQ8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8%2BxdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR%2BcQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI%2BksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG%2BQh8lsKnWJAcaT4U%2BIoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr%2Bh0uhHdlR5Ol9BX0svpR%2BiX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK%2BYTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI%2BpXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q%2FpH5Z%2FYkGWcNMw09DpFGgsV%2FjvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY%2FR27iz2qqaE5QzNKM1ezUvOUZj8H45hx%2BJx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4%2FOBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up%2B6Ynr5egJ5Mb6feeb3n%2Bhx9L%2F1U%2FW36p%2FVHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm%2Beb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw%2B6TvZN9un2N%2FT0HDYfZDqsdWh1%2Bc7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc%2BLpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26%2FuNu5p7ofcn8w0nymeWTNz0MPIQ%2BBR5dE%2FC5%2BVMGvfrH5PQ0%2BBZ7XnIy9jL5FXrdewt6V3qvdh7xc%2B9j5yn%2BM%2B4zw33jLeWV%2FMN8C3yLfLT8Nvnl%2BF30N%2FI%2F9k%2F3r%2F0QCngCUBZwOJgUGBWwL7%2BHp8Ib%2BOPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo%2Bqi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt%2F87fOH4p3iC%2BN7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi%2FRNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z%2Bpn5mZ2y6xlhbL%2BxW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a%2FzYnKOZarnivN7cyzytuQN5zvn%2F%2FtEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1%2B1dT1gvWd%2B1YfqGnRs%2BFYmKrhTbF5cVf9go3HjlG4dvyr%2BZ3JS0qavEuWTPZtJm6ebeLZ5bDpaql%2BaXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO%2FPLi8ZafJzs07P1SkVPRU%2BlQ27tLdtWHX%2BG7R7ht7vPY07NXbW7z3%2FT7JvttVAVVN1WbVZftJ%2B7P3P66Jqun4lvttXa1ObXHtxwPSA%2F0HIw6217nU1R3SPVRSj9Yr60cOxx%2B%2B%2Fp3vdy0NNg1VjZzG4iNwRHnk6fcJ3%2FceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w%2B0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb%2B%2B6EHTh0kX%2Fi%2Bc7vDvOXPK4dPKy2%2BUTV7hXmq86X23qdOo8%2FpPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb%2F1tWeOT3dvfN6b%2FfF9%2FXfFt1%2Bcif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v%2B3Njv3H9qwHeg89HcR%2FcGhYPP%2FpH1jw9DBY%2BZj8uGDYbrnjg%2BOTniP3L96fynQ89kzyaeF%2F6i%2FsuuFxYvfvjV69fO0ZjRoZfyl5O%2FbXyl%2FerA6xmv28bCxh6%2ByXgzMV70VvvtwXfcdx3vo98PT%2BR8IH8o%2F2j5sfVT0Kf7kxmTk%2F8EA5jz%2FGMzLdsAAAAEZ0FNQQAAsY58%2B1GTAAAAIGNIUk0AAHolAACAgwAA%2Bf8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAN8SURBVHjaVJFNTBxlAIafb2Z29gd2l4VdYCkokAUt1AJplQRTrVqjUWMPPWHSCzb21IOn9qIHY2xMahoTTb00NmkUm5qAjdpUI61VaCxCpCVYixt%2ByvKzCwu7LDs7zMw3HmhM%2Bt6fJ0%2FyCp69wiOzZBCPcqSmIXg0HPHuC4R8nkLWyOXyYiIzfuVHzMIA%2BZsLtH18EApntUdhpzUSD5577nDLi%2FGWKjx%2BHVfR8HpFwNwsxTMzza%2BOXJ1%2B58Ev2sVEV%2ByEawXqxf8FllNWEQ9ePXzsqQOecIDU8jampSAVD76Al2BIIx4Dv2Nz7%2FYq%2B5%2BP8sNXE6WdAhdQlOM9rzUdaGiN8M9UjnKvQjzuA0UjV3AxDIcHywqRoEbXoVrKgyBtKXYEUvprmiN9oaoyvr9wl62NHJbtJeDzOo17YmprVzWOppLO2RRNwf1FSOzSUAXsCIR4QdP13UPfjhUde2mjuBXUjcXNEabOnJmq7Y4Nd7z1fu%2BJ%2FR2Jpgrm0jauAI8GlnSlBi4I0bO6sLBWHc9esxRdmjOZf5n%2B5CLWzCzOvsbKupBZ1xgmElUoC%2BgoKtRGQfNomoaND8P8XS%2Bby1olO7O6GHTl1DejGDOrNB%2BvpO7I%2Ba31%2FDP9Z28YUmqoqhCKcG2EYD6ZMUTojZ8WHmsqD%2BI6wnWFajugCkuuZaV%2FZS47wp99R7E3LbxPV6rtr7dV1pmyuBWs3hr7dZ380LC2tzseffvUHm86C1JC2A%2FrGcn509cn%2BPvTk9ibc1R06qL91Ms1CadF000ll9rVS2VykLzVr0lHOgtpuJ9yUFyXxqhKZjbH2nJRI9IZwyw2kXjvXV%2FIOWgaBcc2a%2BtjdVXR1J3iBDx8QUpQUJAuJJclseogxz441H5vrPO72cm0VSyVPJq27ZaHm8ST3Y0M9d9Kkr19A1A1x4VIObTGBfNrsJ5XmE9b6KqgvrOGhr1Vns2sgeNIkXiigvHf1liZuHWZYjINSEXRVLewZjN6bYmYbvN4rcDvVzFKLnOpErMLBpvbklClznyyyPDA6DjTX3wJWICr%2Bnb3ffjXSGpl5Nxnn88uh2ORUCBaHfVQU%2BsjVuGhKqJT5lFYShr8fGH4j42bH53EnJ4EtgEEPQOTzHx9mqXLl9AT9TS82RvreOmVcMTXVh4JhIr5kp3LFu6u3Lk%2ByMylQazU3ENYAvw3AFUTimFqj5i7AAAAAElFTkSuQmCC)',
                      /* onclick: 'if (event.button == 0) { \
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                                 }; \
                                 if (event.button == 1 || event.button == 2) { \
                                     Services.appinfo.invalidateCachesOnRestart(); \
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                                 };' */
                   };            
                   for (var p in props)
                      toolbaritem.setAttribute(p, props[p]);
                   
                   toolbaritem.addEventListener('click', event => {
                       if (event.button == 1) {
                         Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                       }
                   
                       if (event.button == 0 || event.button == 2) {
                         event.preventDefault();
                         Services.appinfo.invalidateCachesOnRestart();
                         Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                       }
                     });               
                   return toolbaritem;
                }      
             });
          } catch(e) { };   
                 
          var menuitem = document.createXULElement('menuitem');   
          var props = {
             id: 'restartfirefox-fileMenu2',
             label: 'RESTART',
           tooltiptext: 'Restart (right-click and middle-click clear the userChrome.js cache))',         
          };
    
                 menuitem.addEventListener('click', event => {
                            if (event.button == 0) { 
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                                 }
                                 if (event.button == 1 || event.button == 2) { 
                                     Services.appinfo.invalidateCachesOnRestart(); 
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                                 }                              
                        });            
          for (var p in props)
             menuitem.setAttribute(p, props[p]);      
          document.getElementById('menu_FilePopup').insertBefore(menuitem, 
           document.getElementById('menu_FileQuitItem'));
    
          var menuitem = document.createXULElement('toolbarbutton');
    menuitem.id = 'restartfirefox-fileMenu';
    menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
    menuitem.setAttribute('label' , 'RESTART');
    menuitem.setAttribute('tooltiptext' , 'RESTART');
    menuitem.style.listStyleImage= 'url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89%2BbN%2FrXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz%2FSMBAPh%2BPDwrIsAHvgABeNMLCADATZvAMByH%2Fw%2FqQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf%2BbTAICd%2BJl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA%2Fg88wAAKCRFRHgg%2FP9eM4Ors7ONo62Dl8t6r8G%2FyJiYuP%2B5c%2BrcEAAAOF0ftH%2BLC%2BzGoA7BoBt%2FqIl7gRoXgugdfeLZrIPQLUAoOnaV%2FNw%2BH48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl%2FAV%2F1s%2BX48%2FPf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H%2FLcL%2F%2Fwd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s%2BwM%2B3zUAsGo%2BAXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93%2F%2B8%2F%2FUegJQCAZkmScQAAXkQkLlTKsz%2FHCAAARKCBKrBBG%2FTBGCzABhzBBdzBC%2FxgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD%2FphCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8%2BQ8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8%2BxdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR%2BcQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI%2BksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG%2BQh8lsKnWJAcaT4U%2BIoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr%2Bh0uhHdlR5Ol9BX0svpR%2BiX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK%2BYTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI%2BpXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q%2FpH5Z%2FYkGWcNMw09DpFGgsV%2FjvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY%2FR27iz2qqaE5QzNKM1ezUvOUZj8H45hx%2BJx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4%2FOBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up%2B6Ynr5egJ5Mb6feeb3n%2Bhx9L%2F1U%2FW36p%2FVHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm%2Beb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw%2B6TvZN9un2N%2FT0HDYfZDqsdWh1%2Bc7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc%2BLpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26%2FuNu5p7ofcn8w0nymeWTNz0MPIQ%2BBR5dE%2FC5%2BVMGvfrH5PQ0%2BBZ7XnIy9jL5FXrdewt6V3qvdh7xc%2B9j5yn%2BM%2B4zw33jLeWV%2FMN8C3yLfLT8Nvnl%2BF30N%2FI%2F9k%2F3r%2F0QCngCUBZwOJgUGBWwL7%2BHp8Ib%2BOPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo%2Bqi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt%2F87fOH4p3iC%2BN7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi%2FRNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z%2Bpn5mZ2y6xlhbL%2BxW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a%2FzYnKOZarnivN7cyzytuQN5zvn%2F%2FtEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1%2B1dT1gvWd%2B1YfqGnRs%2BFYmKrhTbF5cVf9go3HjlG4dvyr%2BZ3JS0qavEuWTPZtJm6ebeLZ5bDpaql%2BaXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO%2FPLi8ZafJzs07P1SkVPRU%2BlQ27tLdtWHX%2BG7R7ht7vPY07NXbW7z3%2FT7JvttVAVVN1WbVZftJ%2B7P3P66Jqun4lvttXa1ObXHtxwPSA%2F0HIw6217nU1R3SPVRSj9Yr60cOxx%2B%2B%2Fp3vdy0NNg1VjZzG4iNwRHnk6fcJ3%2FceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w%2B0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb%2B%2B6EHTh0kX%2Fi%2Bc7vDvOXPK4dPKy2%2BUTV7hXmq86X23qdOo8%2FpPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb%2F1tWeOT3dvfN6b%2FfF9%2FXfFt1%2Bcif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v%2B3Njv3H9qwHeg89HcR%2FcGhYPP%2FpH1jw9DBY%2BZj8uGDYbrnjg%2BOTniP3L96fynQ89kzyaeF%2F6i%2FsuuFxYvfvjV69fO0ZjRoZfyl5O%2FbXyl%2FerA6xmv28bCxh6%2ByXgzMV70VvvtwXfcdx3vo98PT%2BR8IH8o%2F2j5sfVT0Kf7kxmTk%2F8EA5jz%2FGMzLdsAAAAEZ0FNQQAAsY58%2B1GTAAAAIGNIUk0AAHolAACAgwAA%2Bf8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAN8SURBVHjaVJFNTBxlAIafb2Z29gd2l4VdYCkokAUt1AJplQRTrVqjUWMPPWHSCzb21IOn9qIHY2xMahoTTb00NmkUm5qAjdpUI61VaCxCpCVYixt%2ByvKzCwu7LDs7zMw3HmhM%2Bt6fJ0%2FyCp69wiOzZBCPcqSmIXg0HPHuC4R8nkLWyOXyYiIzfuVHzMIA%2BZsLtH18EApntUdhpzUSD5577nDLi%2FGWKjx%2BHVfR8HpFwNwsxTMzza%2BOXJ1%2B58Ev2sVEV%2ByEawXqxf8FllNWEQ9ePXzsqQOecIDU8jampSAVD76Al2BIIx4Dv2Nz7%2FYq%2B5%2BP8sNXE6WdAhdQlOM9rzUdaGiN8M9UjnKvQjzuA0UjV3AxDIcHywqRoEbXoVrKgyBtKXYEUvprmiN9oaoyvr9wl62NHJbtJeDzOo17YmprVzWOppLO2RRNwf1FSOzSUAXsCIR4QdP13UPfjhUde2mjuBXUjcXNEabOnJmq7Y4Nd7z1fu%2BJ%2FR2Jpgrm0jauAI8GlnSlBi4I0bO6sLBWHc9esxRdmjOZf5n%2B5CLWzCzOvsbKupBZ1xgmElUoC%2BgoKtRGQfNomoaND8P8XS%2Bby1olO7O6GHTl1DejGDOrNB%2BvpO7I%2Ba31%2FDP9Z28YUmqoqhCKcG2EYD6ZMUTojZ8WHmsqD%2BI6wnWFajugCkuuZaV%2FZS47wp99R7E3LbxPV6rtr7dV1pmyuBWs3hr7dZ380LC2tzseffvUHm86C1JC2A%2FrGcn509cn%2BPvTk9ibc1R06qL91Ms1CadF000ll9rVS2VykLzVr0lHOgtpuJ9yUFyXxqhKZjbH2nJRI9IZwyw2kXjvXV%2FIOWgaBcc2a%2BtjdVXR1J3iBDx8QUpQUJAuJJclseogxz441H5vrPO72cm0VSyVPJq27ZaHm8ST3Y0M9d9Kkr19A1A1x4VIObTGBfNrsJ5XmE9b6KqgvrOGhr1Vns2sgeNIkXiigvHf1liZuHWZYjINSEXRVLewZjN6bYmYbvN4rcDvVzFKLnOpErMLBpvbklClznyyyPDA6DjTX3wJWICr%2Bnb3ffjXSGpl5Nxnn88uh2ORUCBaHfVQU%2BsjVuGhKqJT5lFYShr8fGH4j42bH53EnJ4EtgEEPQOTzHx9mqXLl9AT9TS82RvreOmVcMTXVh4JhIr5kp3LFu6u3Lk%2ByMylQazU3ENYAvw3AFUTimFqj5i7AAAAAElFTkSuQmCC\')';
    menuitem.addEventListener('click', event => {
                            if (event.button == 0) { 
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                                 }
                                 if (event.button == 1 || event.button == 2) { 
                                     Services.appinfo.invalidateCachesOnRestart(); 
                                     Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                                 }                              
                        });
    var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
    refItem.parentNode.insertBefore(menuitem, refItem);
    })();
    Alles anzeigen
  • QuickLink-Button "Restart_Firefox.uc.js" ändert Farbe nicht

    • Mira_Belle
    • 4. April 2026 um 17:25

    Welches Script nutzt Du?
    Link oder Code wäre echt gut!
    Hier wird ja vieles Möglich gemacht, aber Hellsehen kann von uns niemand!

    Und wie Andreas schon schrieb, mach bitte ein Update!
    Aktuell ist Version 149.


    Zitat von wegelagerer

    Wie bekomme ich den Code hier hinein?

    Kopieren und einfügen ;)
    Nutze für Code bitte die fünfte Schaltfläche von links!
    Und wenn Du mit dem Mauszeiger drüberfährst, bekommst Du es auch angezeigt.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 22:34
    Zitat von Horstmann

    Die Menüleistenmenüs kann ich halt am Mac leider gar nicht testen;

    Dem war ich mir bewusst, ich wollte Dir nur Feedback geben.
    Und im Normalzustand sind an den zwei Stellen überhaupt keine Symbole.
    Bzw. nur bei "Vollbild" ist keines, bei "Nur Text zoomen" nur wenn aktiviert
    und dann ist da das Häkchen.
    Eventuell hat ja jemand anderes eine elegantere Lösung, als meine.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 21:51
    Zitat von .DeJaVu

    Evtl. sind spezielle Menüs auch speziell einzustellen, nur so ein Gedanke.

    Ich denke, ich habe es entsprechend eingeengt.

    CSS
    @-moz-document url(chrome://browser/content/browser.xhtml) {
    
    	/* ----------------------------------------------- */
    	/* ------------- Checkboxen allgemein ------------ */
    	/* ----------------------------------------------- */
        
        /* Symbol ausblenden, wenn Option deaktiviert */
        menupopup > menuitem[type="checkbox"] > img.menu-icon,
        menupopup > menuitem[type="checkbox"]:not([checked]) > img,
        menupopup > menuitem[type="checkbox"][checked] > img {
            display: none !important;
        }
    
        /* Eigenes Symbol einfügen, wenn Option aktiviert */
    
        menupopup > menuitem[type="checkbox"][checked]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/menu-check_lime.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
        /* Eigenes Symbol einfügen, wenn Option deaktiviert */
    
        menupopup > menuitem[type="checkbox"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/stop_smal_red.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
        menupopup > menuitem#goOfflineMenuitem[type="checkbox"]::before,
        menupopup > menuitem#fullScreenItem[type="checkbox"]::before {
            visibility: collapse !important;
        }
    
    
        /* --- Symbolleisten --- */
    
        #toggle_PersonalToolbar > menupopup > menuitem[type="radio"][checked] > .menu-icon {
                display: none !important;
            }
      
        #toggle_PersonalToolbar > menupopup > menuitem[type="radio"][checked]::before {
            content: url("../icons/menu-check_lime.svg") !important;
            /*content: url("chrome://global/skin/icons/settings.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: 10px !important;
        }
    
        #toggle_PersonalToolbar > menupopup > menuitem[type="radio"]:not([checked])::before {
            content: url("../icons//square_2.svg") !important;
            /*content: url("chrome://global/skin/icons/close.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -14px !important;
        }
    
    
        /* ------ Sidebar ------ */
    
    	/* Eigenes Symbol einfügen, wenn Option aktiviert */
    	menupopup > menuitem#menu_historySidebar[type="checkbox"][checked]::before,
    	menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked]::before,
    	menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked]::before,
    	menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked]::before,
    	menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked]::before {
            background-image: url("../icons/menu-check_lime.svg") !important;
    	}
    
    	/* Eigene Symbole für inaktiven Einträge */
    
        /* Chronik */
    	menuitem[id="menu_historySidebar"][type="checkbox"]::before {
    		background-image: url("../icons/history.svg") !important;
    	}
        /* Synchronisierte Tabs */
    	menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/Dock Side Left.svg") !important;
    	}
        /* Lesezeichen */
    	menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/bookmark.svg") !important;
    	}
        /* KI-Chatbot */
    	menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/robot-icon.svg") !important;
    	}
        /* Passwörter */
    	menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
    		background-image: url("../icons//passwords.svg") !important;
    	}
    
    
        /* -------- Zoom -------- */
    
        /* Nur Text zoomen, aktiviert */
        menupopup > #toggle_zoom[type="checkbox"][checked]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -22px !important;
            margin-right: 6px !important;
            background-image: url("../icons/menu-check_lime.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
        /* Nur Text zoomen, deaktiviert */
        menupopup > #toggle_zoom[type="checkbox"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -22px !important;
            margin-right: 6px !important;
            background-image: url("../icons/stop_smal_red.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
    
        /* --- Webseiten-Stil --- */
    
        /* Symbol ausblenden, wenn Option aktiviert */
        #menu_pageStyleNoStyle[type="radio"] > .menu-icon,
        #menu_pageStylePersistentOnly[type="radio"] > .menu-icon {
            visibility: hidden !important;
        }
    
        /* Symbol einfügen, wenn Option inaktiv */
        #menu_pageStyleNoStyle[type="radio"]:not([checked])::before,
        #menu_pageStylePersistentOnly[type="radio"]:not([checked])::before {
            content: url("../icons//square_2.svg") !important;
            /*content: url("chrome://global/skin/icons/warning.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    
        /* Symbol einfügen,  wenn Option aktiviert */
        #menu_pageStyleNoStyle[type="radio"]::before,
        #menu_pageStylePersistentOnly[type="radio"]::before {
            content: url("../icons/menu-check_lime.svg") !important;
            /*content: url("chrome://global/skin/icons/delete.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    }
    Alles anzeigen

    Ich finde, das sieht gar nicht schlecht aus,
    und Fehlverhalten habe ich jetzt auch nicht mehr feststellen können.
    Wirkt wohl nur noch da, wo es auch wirken soll.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 21:39

    Grundsätzlich funktioniert das,
    aber es wirkt aber unter Windows dann auch im Ansichtenmenü!
    Und da funktioniert es dann eben auch nicht richtig.

    Ist auch im Testprofil so! Also jenes ohne irgendwelche Anpassungen.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 18:09
    Zitat von Sören Hentzschel

    Und damit seid ihr beide nicht auf dem aktuellen Stand.

    Oh, danke nochmals für diesen Hinweis!
    Ich hatte nur an einer Stelle im CSS noch [checked="true"] stehen und habe es korrigiert.
    Mh, und an einer Stelle noch [checked="false"], auch korrigiert.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 16:06

    Oh, dann ist das alles noch etwas feiner gegliedert! Verstehe.

    Zitat von .DeJaVu

    Es kann nur genau ein CSS zutreffen für Form, und eines für Farbe - falls vorhanden.

    Oh, dass wird schwierig!
    Z.Z. ist es so, dass nur nach den Bereichen, wo das CSS wirken soll getrennt wird!
    Also eine Datei für die Menüleiste, eine Datei für diverse Kontextmenüs,
    nur beim "Hamburgermenü", da habe ich für diverse Sachen zwei Dateien,
    Da ist es im groben schon so, Design (Symbole, Abstände usw. in einer Datei,
    Einstellungen (Abstände und weiteres ) in einer anderen Datei.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 15:26
    Zitat von Horstmann

    Funktioniert hier gar nicht, wobei ich nur den Leistencode testen kann.

    Ob es Unterschiede zwischen den Betriebssystemen gibt?
    Dein Code funktioniert hier auf meinem Windowsrechner nicht!
    Getestet in einem Profil ohne irgendwelche anderen Anpassungen!

    Zitat von Horstmann

    Die ganze Anwendung von checked macht für mich auch keinen Sinn.

    Mag Dir nicht einleuchtend sein, aber die Selektoren habe das Attribut [checked = "true"] oder [checked = " "]
    oder eben [checked = "false"].
    Das mache ich mir zunutze.

    Zitat von Horstmann

    Hast du das in Isolation getestet?

    Die Frage habe ich schon beantwortet.

    Zitat von Horstmann

    ... beziehst du dich auch auf Symbole 01-08, ohne Link ...

    Bitte schön => RE: Symbole in den Kontextmenüs [ Update ]

    Hilft halt nur nicht wirklich was, weil sich dieses CSS von hier, mit eben jenen noch behagt!
    Ich schieb ja, dass ich das noch am Anpassen bin!

    Zitat von Horstmann

    Icons die kein Mensch hat

    Weshalb ich auch in den CSS von hier "interne Symbole belassen habe".
    Aber wer die von mir verwendeten Symbole unbedingt braucht => sind auch oben im Beitrag
    und eines hier => #296

    Zitat von Horstmann

    Soll das überhaupt jemand testen, oder führst du hier Tagebuch? ;)

    Kannst Du Dir aussuchen.

    .DeJaVu Ich sehe, aber ich verstehe nicht ganz.
    Mein Konzept ist, @import in der userChorme.css.
    Und für jedes gibt es eine eigene Datei.
    Ja, ich habe schon versucht "Settings" und andere Dinge etwas voneinander zu trennen.
    Die einzelnen CSS-Dateien sollen ja auch unabhängig voneinander funktionierten,
    was mir leider nicht so 100%tig gelingen will.
    Dann wird es an betreffenden Stellen Kommentare im Code geben.
    Anders weiß ich mir nicht zu helfen.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 3. April 2026 um 01:05

    Du hast recht.
    Ich werde zu gegebener Zeit alles aufklären.
    Jeder CSS und dann auch mit Bild.
    Versprochen.

    Aber wie ich direkt einen Beitrag zuvor schon schrieb, müssen die Dateien noch bereinigt werden.
    Da sind noch eine Menge Codefragmente und Kommentare, welch nur für mich waren, drinnen.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 22:46

    Jetzt aber.
    Und meine CSS-Dateien für die Symbole 01-08 auch gleich grob bereinigt!
    Werde dann die Tage noch aufräumen und putzen.

    Hier das eingehegte CSS für die Auswahlfelder,
    ich hoffe inständig, dass ich nicht doch noch irgendetwas übersehen habe!

    Ich bedanke mich ganz <3lichst bei Mitleser für seine Vorlage
    und auch bei 2002Andreas für den Denkanstoß, ohne den ich gar nicht weitergekommen wäre.

    CSS
    /* Checkboxen allgemein */
    
        /* Symbol ausblenden, wenn Option deaktiviert */
        menupopup > menuitem[type="checkbox"] > img.menu-icon,
        menupopup > menuitem[type="checkbox"][checked="false"] > img,
        menupopup > menuitem[type="checkbox"][checked="true"] > img {
            display: none !important;
        }
    
        /* Eigenes Symbol einfügen, wenn Option aktiviert */
    
        /*menupopup > #toggle_zoom[type="checkbox"][checked]::before,
        menupopup > #toggle_zoom[type="checkbox"][checked="true"]::before   */
    
        menupopup > menuitem[type="checkbox"][checked]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/menu-check_lime.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
    
        /* Eigenes Symbol einfügen, wenn Option deaktiviert */
    
        /*menupopup > #toggle_zoom[type="checkbox"]::before,
        menupopup > #toggle_zoom[type="checkbox"][checked="false"]::before  */
    
        menupopup > menuitem[type="checkbox"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/stop_smal_red.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
    
    /* Symbolleisten */
    
        #toggle_PersonalToolbar > menupopup > menuitem[checked] > .menu-icon {
                display: none !important;
            }
    
        #toggle_PersonalToolbar > menupopup > menuitem[checked]::before {
                content: url("../icons/menu-check_lime.svg") !important;
                /*content: url("chrome://global/skin/icons/settings.svg") !important; */
                display: block !important;
                width: 16px !important;
                height: 16px !important;
                margin-left: -2px !important;
                margin-right: 10px !important;
            }
    
        #toggle_PersonalToolbar > menupopup > menuitem:not([checked])::before {
                content: url("../icons//square_2.svg") !important;
                /*content: url("chrome://global/skin/icons/close.svg") !important; */
                display: block !important;
                width: 16px !important;
                height: 16px !important;
                margin-left: -2px !important;
                margin-right: -14px !important;
            }
    
    
    /* Sidebar */
    
    	/* Eigenes Symbol einfügen, wenn Option aktiviert */
    	menupopup > menuitem#menu_historySidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked="true"]::before {
            background-image: url("../icons/menu-check_lime.svg") !important;
    	}
    
    	/* Eigene Symbole für inaktiven Einträge */
    
        /* Chronik */
    	menuitem[id="menu_historySidebar"][type="checkbox"]::before {
    		background-image: url("../icons/history.svg") !important;
    	}
        /* Synchronisierte Tabs */
    	menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/Dock Side Left.svg") !important;
    	}
        /* Lesezeichen */
    	menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/bookmark.svg") !important;
    	}
        /* KI-Chatbot */
    	menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/robot-icon.svg") !important;
    	}
        /* Passwörter */
    	menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
    		background-image: url("../icons//passwords.svg") !important;
    	}
    
    
    /* Zoom */
    
        /* Wird z.Z. mit "Checkboxen allgemein" abgedeckt */
        /* Nur Text zoomen, aktiviert */
        menupopup > #toggle_zoom[type="checkbox"][checked]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -22px !important;
            margin-right: 6px !important;
            background-image: url("../icons/menu-check_lime.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
        /* Nur Text zoomen, deaktiviert */
        menupopup > #toggle_zoom[type="checkbox"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -22px !important;
            margin-right: 6px !important;
            background-image: url("../icons/stop_smal_red.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
    /* Webseiten-Stil */
    
        /* Symbol ausblenden, wenn Option aktiviert */
        #menu_pageStyleNoStyle > .menu-icon,
        #menu_pageStylePersistentOnly > .menu-icon {
            visibility: hidden !important;
        }
    
        /* Symbol einfügen, wenn Option inaktiv */
        #menu_pageStyleNoStyle:not([checked])::before,
        #menu_pageStylePersistentOnly:not([checked])::before {
            content: url("../icons//square_2.svg") !important;
            /*content: url("chrome://global/skin/icons/warning.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    
        /* Symbol einfügen,  wenn Option aktiviert */
        #menu_pageStyleNoStyle::before,
        #menu_pageStylePersistentOnly::before {
            content: url("../icons/menu-check_lime.svg") !important;
            /*content: url("chrome://global/skin/icons/delete.svg") !important; */
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    Alles anzeigen
  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 20:32

    Zu früh gefreut. Ich muss die Bereiche, wo gewisse Dinge wirken, noch mehr eingrenzen.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 20:10

    So, habe es, so hoffe ich geschafft, den Krempel mit den Checkboxen, irgendwie hin zu bekommen.
    Wenn jemand mein Verbrechen unter die Lupe nehmen könnte
    und diese elenden margin-left: & margin-right: ausrichtungen irgendwie wegbekommen könnte,
    wäre das echt dufte. 8o

    Ich weiß es halt nicht besser, aber ohne ist das Erscheinungsbild dann doch sehr besch....eiden.

    Hier mein Werk, bzw. DAS Verbrechen.

    CSS
    /* Checkboxen allgemein */
    
        /* Symbol ausblenden, wenn Option deaktiviert */
        menupopup > menuitem[type="checkbox"] > img.menu-icon,
        menupopup > menuitem[type="checkbox"][checked="false"] > img,
        menupopup > menuitem[type="checkbox"][checked="true"] > img {
            display: none !important;
        }
    
        /* Eigenes Symbol einfügen, wenn Option aktiviert */
        menupopup > menuitem[type="checkbox"][checked]::before,
        menupopup > menuitem[type="checkbox"][checked="true"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/menu-check_lime.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
        /* Eigenes Symbol einfügen, wenn Option deaktiviert */
        menupopup > menuitem[type="checkbox"]::before,
        menupopup > menuitem[type="checkbox"][checked="false"]::before {
            content: '' !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: 0px !important;
            margin-right: 6px !important;
            background-image: url("../icons/stop_smal_red.svg") !important;
            background-repeat: no-repeat !important;
            background-size: 16px 16px !important;
            background-position: center !important;
        }
    
    
    /* Symbolleisten */
    
        menuitem[checked] > .menu-icon {
                display: none !important;
            }
    
        menuitem[checked]::before {
                content: url("../icons/menu-check_lime.svg") !important;
                display: block !important;
                width: 16px !important;
                height: 16px !important;
                margin-left: -2px !important;
                margin-right: 10px !important;
            }
    
        menuitem:not([checked])::before {
                content: url("../icons//square_2.svg") !important;
                display: block !important;
                width: 16px !important;
                height: 16px !important;
                margin-left: -2px !important;
                margin-right: -14px !important;
            }
    
    
    /* Sidebar */
    
    	/* Eigenes Symbol einfügen, wenn Option aktiviert */
    	menupopup > menuitem#menu_historySidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_tabsSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_bookmarksSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_genaiChatSidebar[type="checkbox"][checked="true"]::before,
    	menupopup > menuitem#menu_megalistSidebar[type="checkbox"][checked="true"]::before {
            background-image: url("../icons/menu-check_lime.svg") !important;
    	}
    
    	/* Eigene Symbole für inaktiven Einträge */
    
        /* Chronik */
    	menuitem[id="menu_historySidebar"][type="checkbox"]::before {
    		background-image: url("../icons/history.svg") !important;
    	}
        /* Synchronisierte Tabs */
    	menuitem[id="menu_tabsSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/Dock Side Left.svg") !important;
    	}
        /* Lesezeichen */
    	menuitem[id="menu_bookmarksSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/bookmark.svg") !important;
    	}
        /* KI-Chatbot */
    	menuitem[id="menu_genaiChatSidebar"][type="checkbox"]::before {
    		background-image: url("../icons/robot-icon.svg") !important;
    	}
        /* Passwörter */
    	menuitem[id="menu_megalistSidebar"][type="checkbox"]::before {
    		background-image: url("../icons//passwords.svg") !important;
    	}
    
    
    /* Zoom */
    
        /* Wird z.Z. mit "Checkboxen allgemein" abgedeckt */
    
    
    /* Webseiten-Stil */
    
        /* Symbol ausblenden, wenn Option aktiviert */
        #menu_pageStyleNoStyle > .menu-icon,
        #menu_pageStylePersistentOnly > .menu-icon {
            visibility: hidden !important;
        }
    
        /* Symbol einfügen, wenn Option inaktiv */
        #menu_pageStyleNoStyle:not([checked])::before,
        #menu_pageStylePersistentOnly:not([checked])::before {
            content: url("../icons//square_2.svg") !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    
        /* Symbol einfügen,  wenn Option aktiviert */
        #menu_pageStyleNoStyle::before,
        #menu_pageStylePersistentOnly::before {
            content: url("../icons/menu-check_lime.svg") !important;
            display: block !important;
            width: 16px !important;
            height: 16px !important;
            margin-left: -2px !important;
            margin-right: -18px !important;
        }
    Alles anzeigen


    Anmerkung.
    Das ist nur eine CSS für all die Auswahlfelder!
    Ob und wie das dann mit anderen Anpassungen funktioniert steh noch gar nicht fest.
    Das teste ich jetzt in dem Testprofil aus.

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 18:45

    Dass ich manchmal blöde bin weiß ich!
    Aber so doof, wie Du mich hältst bin ich dann doch nicht!
    Im Übrigen habe ich für mich eine Lösung.

    So klappt es, wie ich es will!

    CSS
    /* Symbol ausblenden, wenn Option aktiviert */
    #menu_pageStyleNoStyle > .menu-icon,
    #menu_pageStylePersistentOnly > .menu-icon {
        visibility: hidden !important;
    }
    
    /* Symbol einfügen, wenn Option inaktiv */
    #menu_pageStyleNoStyle:not([checked])::before,
    #menu_pageStylePersistentOnly:not([checked])::before {
        content: url("../icons//square_2.svg") !important;
    	display: block !important;
    	width: 16px !important;
    	height: 16px !important;
    	margin-left: -2px !important;
    	margin-right: -18px !important;
    }
    /* Symbol einfügen,  wenn Option aktiviert */
    #menu_pageStyleNoStyle::before,
    #menu_pageStylePersistentOnly::before {
        content: url("../icons/menu-check_lime.svg") !important;
    	display: block !important;
    	width: 16px !important;
    	height: 16px !important;
    	margin-left: -2px !important;
    	margin-right: -18px !important;
    }
    Alles anzeigen
  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 15:16

    Danke Andreas,
    warum habe ich mich da nur so verrannt? War schon am Verzweifeln.

  • Probleme bei Firefox 149

    • Mira_Belle
    • 2. April 2026 um 14:52

    Wie dieser Thread ja schon ziemlich geschreddert ist, würde ich vorschlagen ich mache einen Neuen auf!
    Denn ich hätte da noch ein paar Fragen.

    Behandlung von Radio-Buttons & Checkboxen

  • Behandlung von Radio-Buttons & Checkboxen

    • Mira_Belle
    • 2. April 2026 um 14:51

    Es geht, wie die Überschrift ja schon andeutet um Radio-Button & Checkboxen!

    Ich beabsichtige "meine" CSS-Dateien zu überarbeiten und die Behandlung der "Radio-Buttons & Checkboxen" in eine eigene Datei auszulagern.

    Ich bin Dank Mitleser und auch anderen etwas weiter gekommen, aber dieses Mal hänge ich an dem Untermenü "Ansicht/Webseiten-Stil" fest.
    Es will mir einfach nicht gelingen
    1. das Häkchen durch ein eigenes Symbol zu ersetzen, ohne dass die Texte verschieben.
    2. vor die deaktivierten Texte, "Kein Stil" und/oder "Standard-Stil" ein Symbol zu bekommen, ohne dass die Texte verschieben.

    Entweder passt das eine, oder eben das andere!

    So weit bin ich bisher gekommen, wo bei der Code für "Webseiten-Stil" gesammelte Werke sind und so nicht funktioniert.

    CSS
          /* <<< Submenu "Webseiten-Stil" >>> */
    
    #menu_pageStylePersistentOnly[checked] > .menu-icon,
    #menu_pageStyleNoStyle[checked] > .menu-icon {
    	display: none !important;
    }
    
    
    		/* Symbol einfügen, wenn Option inaktiv */
    		#menu_pageStyleNoStyle:not([checked="true"])::before,
    		#menu_pageStylePersistentOnly:not([checked="true"])::before {
          content: url("chrome://global/skin/icons/close.svg") !important; 
    	 height: 16px !important;
    
    
    		}
    
    
    
        #menu_pageStyleNoStyle:not([checked="true"]) > label[value="Kein Stil"] {
          margin-left: -20px !important;
        }
        
        
    
    		/* Symbol ausblenden, wenn Option aktiviert */
    		#menu_pageStyleNoStyle[checked=""]::before,
    		#menu_pageStylePersistentOnly[checked=""]::before {
          visibility: hidden !important;
    		}
    
    
    #menu_pageStylePersistentOnly:not([checked="true"]) > label[value="Standard-Stil"] {
      margin-left: -20px !important;
    }
    
    
    
    		/* Symbol einfügen, wenn Option aktiv */
        #menu_pageStyleNoStyle[checked=""] {
        /*  background-image:  url("chrome://global/skin/icons/settings.svg") !important; */
          background-image: url("chrome://global/skin/icons/delete.svg") !important;
          background-repeat: no-repeat;
          background-position: left 1em center !important;
    		}
    
    #menu_pageStyleNoStyle > label[value="Kein Stil"] {
      padding-left: 25px;
    }
    Alles anzeigen

    Damit man das in den Browserwerkzeugen eben schnell mal testen kann, habe ich "interne" Symbole verwendet.

  • Probleme bei Firefox 149

    • Mira_Belle
    • 31. März 2026 um 20:14
    Zitat von bananovic

    Mira_Belle es ist der CSS aus #37. Ich habe lediglich den Wert für margin-right in Zeile 28 auf -19px und in Zeile 44 auf 5px geändert. Auch habe ich die Werte von width und heigth auf 16px geändert. Ferner habe ich nach Zeile 47 padding-left: 8px eingefügt. Das ist alles.

    Du musst dann halt ausprobieren und testen.
    Eventuell haut bei Dir ja auch noch anderer Code dazwischen.

  • Probleme bei Firefox 149

    • Mira_Belle
    • 31. März 2026 um 18:09

    Hat mir Grok vor die Füße gerotzt.
    Ich kann mit der Antwort nichts anfangen.

  • Probleme bei Firefox 149

    • Mira_Belle
    • 31. März 2026 um 17:56

    Poste mal "Dein" CSS., oder ist es der aus #37 ?

    Dann spiele mal mit den Werten

    CSS
    		/* Symbole für alle inaktiven Einträge */
    		#viewSidebarMenu >  menuitem[type="checkbox"]::before {		
    
    			width: 22px !important;
    			height: 22px !important;
    			margin-left: -6px !important;
    			margin-right: -11px !important;
    
    
    			background-position:  3px 3px !important;
    		}
    Alles anzeigen

    Am besten Du deaktivierst den Betreffenden Tein direkt in Deiner CSS
    und kopiert ihn ich die Browser-Werkzeuge,
    da kannst Du ja direkt sehen was passiert.

  • Probleme bei Firefox 149

    • Mira_Belle
    • 31. März 2026 um 16:13

    2002Andreas Danke.

    Habe den Code vom ersten Selektor übernommen und etwas, was die Ausrichtung angeht, angepasst!
    In "meinem" CSS funkt auch irgendwie eine andere CSS mit rein,
    deshalb klappt das auch mit dem Einzeiler.
    Aber so ist es auch für andere leichter, "Ihren" Menüpunkt auszurichten.

    Sieht dann so aus =>

    und wenn was aktiviert ist, so =>

Unterstütze uns!

Jährlich (2026)

34 %

34% (263,24 von 775 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon