in Script base64 einfügen ?

Son Goku

Hallo,
ich benutze das Script " Mehr-Werkzeuge-Schaltfläche verschiebbar" aus folgendem Beitrag
https://www.camp-firefox.de/forum/viewtopi…art=15#p1049190

Code

// Mehr-Werkzeuge-Schaltfläche verschiebbar


  try {
    CustomizableUI.createWidget({
      id: 'ucjs_overflow-item',
      type: 'custom',
      defaultArea: CustomizableUI.AREA_NAVBAR,
      onBuild: function(aDocument) {
        var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
        toolbaritem.id = 'ucjs_overflow-item';
        toolbaritem.className = 'chromeclass-toolbar-additional';
        toolbaritem.setAttribute('label', 'Mehr Werkzeuge');
        return toolbaritem;
      }
    });
  } catch(e) { };


  document.getElementById('ucjs_overflow-item').appendChild(document.getElementById('nav-bar-overflow-button'));

Alles anzeigen

nun möchte ich ein anderes Icon als base64 einfügen und somit das Originale ersetzten.

wie geht das ?

EffPeh

Du kannst deine gewünschte Grafik z.B. hier konvertieren:
https://www.base64-image.de/
Den erzeugten Code (> For use as CSS background) kannst du dann in der userChrome.css eintragen:

CSS

#ucjs_overflow-item {
	list-style-image: base64-code !important;
}

Son Goku

ok Danke erstmal, ich dachte das würde direkt im Script gehen denn dann muß man nicht an 2 Stellen fummeln..

EffPeh

Ja, sollte auch gehen. Ich persönlich finde die Trennung besser, aber probier' das mal:

Code

try {
    CustomizableUI.createWidget({
      id: 'ucjs_overflow-item',
      type: 'custom',
      defaultArea: CustomizableUI.AREA_NAVBAR,
      onBuild: function(aDocument) {
        var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
        toolbaritem.id = 'ucjs_overflow-item';
        toolbaritem.className = 'chromeclass-toolbar-additional';
        toolbaritem.setAttribute('label', 'Mehr Werkzeuge');

        toolbaritem.style.listStyleImage = "base64-code";

        return toolbaritem;
      }
    });
  } catch(e) { };


  document.getElementById('ucjs_overflow-item').appendChild(document.getElementById('nav-bar-overflow-button'));

Alles anzeigen

Son Goku

ok klappt Danke.