menuseparator von den 7 menüs im menübar entfernen.

omar1979

Zitat von 2002Andreas

Für den Hamburger:

Danke, aber leider wird dadurch das Icon nicht grösser.

2002Andreas

Zitat von omar1979

leider wird dadurch das Icon nicht grösser

Du hast nach dem Hintergrund gefragt, und nicht nach der Größe vom Icon

Klar wird das damit nicht größer.

omar1979

Zitat von 2002Andreas

damit nicht größer.

habe ebän falsch gedacht. gedacht dass es grösser wird wenn hintergrund weg ist.

2002Andreas

Zitat von omar1979

wenn hintergrund weg ist

Nein, das hat damit nichts zu tun.

Die Größe vom Icon musst du in deinem Code anpassen, soweit das möglich ist.

CSS

#PanelUI-menu-button {
    list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/broom.png") !important;
    transform: scale(2.5, 2.5) !important;
}

omar1979

Jetzt siehts super aus mit dieser Code:

CSS

#PanelUI-menu-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/menu.png") !important;
  background-repeat: no-repeat !important;
  transform: scale(1.5, 1.5) !important;
}

Danke 2002Andreas

2002Andreas

Zitat von omar1979

Jetzt siehts super aus mit dieser Code:

Zitat von omar1979

background-repeat: no-repeat !important;

Das kannst du weglassen in diesem Fall.

omar1979

Zitat von 2002Andreas

weglassen in diesem Fall.

omar1979

Zitat von 2002Andreas

Browser-Werkzeuge.uc.js

2002Andreas wenn ich den Button-Pfad von deinem Beitrag-Nr. #34 ändere dann funkt es nicht.

Wie kann ich dort den Icon ändern?

2002Andreas

Zitat von omar1979

Wie kann ich dort den Icon ändern?

Ich bin mir nicht sicher ob das in diesem Script ohne base64 Code funktioniert

Evtl. kann ja ein anderer User genaueres dazu sagen.

omar1979

Zitat von 2002Andreas

ohne base64 Code funktioniert

Ok. Danke dir.

2002Andreas

Zitat von omar1979

Ok.

Teste bitte, den Pfad musst du dir dann anpassen.

JavaScript

//  Browser-Werkzeuge.uc.js
//  Author @aborix

(function() {
    if (location != AppConstants.BROWSER_CHROME_URL) return;

    try {
        CustomizableUI.createWidget({
            id: 'browser-toolbox-button',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            label: 'Browser-Werkzeuge',
            tooltiptext: 'Browser-Werkzeuge',
            onCommand: onCommand,
            onCreated: function(button) {
                button.style.listStyleImage = 'url(file:///C:/Users/Andi/Icons%20Firefox/ClassicTRoptions.ico)';
            }
        });
    } catch(e) {
        return;
    };

    function onCommand(event) {
        var document = event.target.ownerDocument;
        if (!document.getElementById('menu_browserToolbox')) {
            let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
            require("devtools/client/framework/devtools-browser");
        };
        document.getElementById('menu_browserToolbox').click();
    };

})();

Alles anzeigen

grisu2099

Zitat von 2002Andreas

Ich bin mir nicht sicher ob das in diesem Script ohne base64 Code funktioniert

Das weiß ich auch nicht. Ich nutze dieses Skript für die Browser-Werkzeuge, das funktioniert auch ohne base64 Code:

JavaScript

//    browsertoolbox.uc.js

(function() {
    if (location != 'chrome://browser/content/browser.xhtml')
        return;

    try {
        CustomizableUI.createWidget({
            id: 'browser-toolbox-button',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            label: 'Browser-Werkzeuge',
            tooltiptext: 'Browser-Werkzeuge',
            onCommand: function(event) {
                onCommand(event);
            }
        });
    } catch(e) {
        return;
    };

    var css = '\
        @-moz-document url("chrome://browser/content/browser.xhtml") { \
            #browser-toolbox-button { \
                list-style-image: url("file:///F:/FIREFOX-ICONS/Icons/BrowserToolbox.png") \
            } \
        }';
    var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
    var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    SSS.loadAndRegisterSheet(cssUri, SSS.Agent_SHEET);

    Cu.import('resource://gre/modules/Timer.jsm');

    function onCommand(event) {

        var listenOpen = {
            observe: function(aSubject, aTopic, aData) {
                if (aTopic != 'domwindowopened')
                    return;
                var newWin = aSubject;
                newWin.addEventListener('load', function onLoad() {
                    setTimeout(function() {
                        doNewWin(newWin);
                        newWin.removeEventListener('load', onLoad);
                    }, 0);
                });
            }
        };

        function doNewWin(newWin) {
            const dialogText = 'Eine eingehende Anfrage für eine externe Debugger-Verbindung wurde erkannt.'
            if (newWin.location == 'chrome://global/content/commonDialog.xul' &&
                newWin.document.getElementById('info.body').textContent.startsWith(dialogText))
            {
                var button = newWin.document.getAnonymousElementByAttribute(
                    newWin.document.documentElement, 'dlgtype', 'accept');
                button.click();
                Services.ww.unregisterNotification(listenOpen);
                clearTimeout(tId);
            };
        };

        Services.ww.registerNotification(listenOpen);
        var document = event.target.ownerDocument;
        if (!document.getElementById('menu_browserToolbox')) {
            let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
            require("devtools/client/framework/devtools-browser");
        };
        document.getElementById('menu_browserToolbox').click();
        var tId = setTimeout(function() {
            Services.ww.unregisterNotification(listenOpen);
        }, 5000);
    };

})();

Alles anzeigen

In Zeile 24 ist der Pfad zum Icon - den mußt du dir entsprechend anpassen...

2002Andreas

Zitat von grisu2099

Das weiß ich auch nicht

Siehe bitte Beitrag 111.

Ging dann ganz normal

harff182

Zitat von 2002Andreas

Evtl. kann ja ein anderer User genaueres dazu sagen.

Ich hätte da auch eins

Code

//    Button für Browserwerkzeuge
//    browsertoolbox.uc.js von Endor von hier:
//    https://www.camp-firefox.de/forum/thema/129954-symbole-zu-kontextmen%C3%BCs-mit-javascript-und-css-hinzuf%C3%BCgen/?postID=1138524#post1138524
//   
//  200214:    Einbau
//    200215: berechneter Path mit "werkzeuge.png"

(function() {

    if (location != 'chrome://browser/content/browser.xhtml')
        return;

    try {
        CustomizableUI.createWidget({
            id: 'browser-toolbox-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            onBuild: function(aDocument) {
                var currentProfileDirectory = Services.dirsvc.get("ProfD", Ci.nsIFile).path.replace(/\\/g, "/");
                var buttonicon = "werkzeuge_16.jpg"
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                    id: 'browser-toolbox-button',
                    class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                    label: 'Browser-Werkzeuge',
                    tooltiptext: 'Browser-Werkzeuge',
                    style: 'list-style-image: url("' + ("file:" + currentProfileDirectory + "/chrome/icons/" + buttonicon) + '");',

                    oncommand: '(' + onCommand.toString() + ')()'
                };
                for (var p in props)
                    toolbaritem.setAttribute(p, props[p]);
                return toolbaritem;
            }
        });
        CustomizableUI.registerToolbarNode(tb);
       } catch(e) { };  

    function onCommand() {
        var document = event.target.ownerDocument;
        if (!document.getElementById('menu_browserToolbox')) {
            let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
            require("devtools/client/framework/devtools-browser");
        };
        document.getElementById('menu_browserToolbox').click();
    };

})();

Alles anzeigen

Anzupassen wäre:

Icon-Name in Zeile 20: var buttonicon = "werkzeuge_16.jpg"

Pfad zu den Icons in Zeile 27, die liegen bei mir in chrome/icons

Zu langsam

grisu2099

Hat sich wohl überschnitten...

2002Andreas

Zitat von grisu2099

Hat sich wohl überschnitten.

Alles ist gut...

omar1979

Zitat von 2002Andreas

Teste bitte, den Pfad musst du dir dann anpassen.

Es funkt nur mit dem Kurzform-Pfad nicht, mit dem Langform-Pfad funkt es.

Danke.

2002Andreas

Zitat von harff182

Zu langsam

Schon der Versuch zu helfen ist schon

PS:

Das ist auch eine Möglichkeit ein Icon einzusetzen, kannte ich noch nicht, danke.

menuseparator von den 7 menüs im menübar entfernen.

Ähnliche Themen

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

extras_config_menu.uc.js - "Meine Scripte" füllen - wie?

extra_config_menu