wie base64 Bild bekommen von

Fubu

Hallo,
wie bekomme ich das Icon als Base64 Bild

Code

#PanelUI-menu-button {
  list-style-image: url("chrome://browser/skin/menu.svg");
}

2002Andreas

Reicht dir das so?

Code

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAADAFBMVEUaGhouO0czQE5ASFAyMjI7QkkqNkJISEgAAAAaIShKVmInMj9SX2xEUFxLV2RaanlVY3FebHpjc4IjLztPXGlYZnQrOEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCaNqTAAAASklEQVQYlY3MxwGAIBAEwCXqkY39lyrPBT5OAQPM5BoIfA4ke7hwk+Bgt4Fdzp5G0lNVEikKLj0k/UrjS6JAt4M0DVNPUs2a7pMPMdAKKwrsj1UAAAAASUVORK5CYII=

oder so?

Code

#PanelUI-menu-button {
  list-style-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAATABMDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGBP/EADQQAAAEBAMEBQ0AAAAAAAAAAAECAwQABQYRBxIUCBMhMRUyUYHSFhdBUlRVV3KSk6Gk0//EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCrN3W0f0o70TBhpd6bdbkzMSZb8LZzZrW9bjHJqtpf2Bt9TDxxm6joSXmnz8VsdGZVBWMJirOBE5ePVNZW1w5d3IOUTvIOV/HaW/fN/WA36LzaSBIueWy0TdpzNL/g9oRjG9AMRSKJMfpaQvoLrMtu4VwhAdNVYcUohU01SRlIETI6UKUoLq2AMw8OtErze0x7s/YV8UIQFhhhjSCrRM6kouYb3HUrdvzwhCA//9k=");
}

Boersenfeger

Kannst du im Netz selbst erzeugen:
http://www.motobit.com/util/base64-decoder-encoder.asp

Sören Hentzschel

"data:image/png" sollte bei einer SVG-Grafik "data:image/svg+xml" heißen. Oder wurde das Format auch umgewandelt?

Fubu

Zitat von 2002Andreas

Reicht dir das so?

Code

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAADAFBMVEUaGhouO0czQE5ASFAyMjI7QkkqNkJISEgAAAAaIShKVmInMj9SX2xEUFxLV2RaanlVY3FebHpjc4IjLztPXGlYZnQrOEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCaNqTAAAASklEQVQYlY3MxwGAIBAEwCXqkY39lyrPBT5OAQPM5BoIfA4ke7hwk+Bgt4Fdzp5G0lNVEikKLj0k/UrjS6JAt4M0DVNPUs2a7pMPMdAKKwrsj1UAAAAASUVORK5CYII=

[/code]

Danke erstmal, so reicht es mir im Prinzip aber optsch sieht es so aus
[attachment=0]Unbenannt-3.png[/attachment]

ich möchte ganz gerne den Originalen MenüButton als Icon haben aber denn kan nich nur als Base64 gebrauchen.

2002Andreas

Dann teste den bitte auch mal:

Code

#PanelUI-menu-button {
  list-style-image: url("data:image/svg+xml;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAATABMDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGBP/EADQQAAAEBAMEBQ0AAAAAAAAAAAECAwQABQYRBxIUCBMhMRUyUYHSFhdBUlRVV3KSk6Gk0//EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCrN3W0f0o70TBhpd6bdbkzMSZb8LZzZrW9bjHJqtpf2Bt9TDxxm6joSXmnz8VsdGZVBWMJirOBE5ePVNZW1w5d3IOUTvIOV/HaW/fN/WA36LzaSBIueWy0TdpzNL/g9oRjG9AMRSKJMfpaQvoLrMtu4VwhAdNVYcUohU01SRlIETI6UKUoLq2AMw8OtErze0x7s/YV8UIQFhhhjSCrRM6kouYb3HUrdvzwhCA//9k=");
}

Dank an Sören :klasse:

Fubu

ich möchte gerne aus diesem Script
https://www.camp-firefox.de/forum/viewtopi…art=15#p1048161
das Icon ändern deshalb die Frage wegen Base64, da ich nicht weis wo die svg Datei genau liegt und ich auch keine Finde.

EDIT
ist das normal wenn man was am Script ändern das man immer die Datei umenen muß evohr mandie änderung sieht ?

2002Andreas

Zitat von Fubu

das Icon ändern

Dann tausch den Code einfach aus:

Code

data:image/svg+xml;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAATABMDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGBP/EADQQAAAEBAMEBQ0AAAAAAAAAAAECAwQABQYRBxIUCBMhMRUyUYHSFhdBUlRVV3KSk6Gk0//EABQBAQAAAAAAAAAAAAAAAAAAAAD/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwCrN3W0f0o70TBhpd6bdbkzMSZb8LZzZrW9bjHJqtpf2Bt9TDxxm6joSXmnz8VsdGZVBWMJirOBE5ePVNZW1w5d3IOUTvIOV/HaW/fN/WA36LzaSBIueWy0TdpzNL/g9oRjG9AMRSKJMfpaQvoLrMtu4VwhAdNVYcUohU01SRlIETI6UKUoLq2AMw8OtErze0x7s/YV8UIQFhhhjSCrRM6kouYb3HUrdvzwhCA//9k=

Zitat von Fubu

die Datei umenen muß

Nein, aber du musst den Firefox immer erst neu starten.

Fubu

Zitat von 2002Andreas

Nein, aber du musst den Firefox immer erst neu starten.

das weis ich ja aber wenn ich die Datei nicht umbenenne sehe ich keine änderung, also muß ich das wie folgt machen.

Code ändern Datei umbennen Firefox öffnen.

bei dem normalen firefox kann man den Cache leeren geht das auch mit dem Nightly ?

achso so sieht es jetzt auch das Icon
[attachment=0]Unbenannt-1.png[/attachment]

ein wenig komisch oder ?

2002Andreas

Man muss den Scriptcache löschen, umbenennen ist dann nicht erforderlich.

Siehe dazu unten unter: Hinweise

https://github.com/ardiman/userChrome.js

2002Andreas

Zitat von Fubu

das Icon ändern deshalb die Frage wegen Base64

Warum, geht doch auch so.

Code

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


   try {
      CustomizableUI.createWidget({
         id: 'ucjs_PanelUI-menu-button',
         type: 'custom',
         defaultArea: CustomizableUI.AREA_NAVBAR,
         onBuild: function(aDocument) {
            var button = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
            var attributes = {
               id: 'ucjs_PanelUI-menu-button',
               class: 'toolbarbutton-1 chromeclass-toolbar-additional',
               type: 'menu',
               removable: 'true',
               label: 'Firefox Anpassen',
               tooltiptext: 'Firefox Anpassen + Panel',
               onclick: 'if (event.button == 0) event.target.ownerGlobal.PanelUI.toggle(event)',
               style: 'list-style-image: url(chrome://browser/skin/menu.svg)'
            };
            for (var a in attributes) {
               button.setAttribute(a, attributes[a]);
            };
            return button;
         }
      });
   } catch(e) { };


}());

Alles anzeigen

[attachment=0]Zwischenablage01.jpg[/attachment]

Fubu

Zitat von 2002Andreas

Warum, geht doch auch so.

ok, Danke