Icons in Hamburger-Menü und den anderen Menüs einbauen.

.DeJaVu

Du kannst die Datei wo auch immer ablegen und als file:// verlinken. Sie sollte aber auch dort verfügbar sein, weshalb ich base64 nutze, weil damit die Grafik immer verfügbar ist, und zwar im CSS. Das macht mich im Falle einer Portable vom Host und vom Pfad unabhängig.

Was nicht möglich ist in Firefox, sind Systemvariablen wie zB

%appdata%/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/Folder.ico

um bei deinem Beispiel zu bleiben.

Nachtrag, siehe Andreas, relative Pfade zur aufrufenden CSS-Datei

2002Andreas

Zitat von omar1979

auf dem Pc nicht kürzen?

Könnte dann so ausssehen:

CSS

url("..//Icons/Computer_File_061.gif") !important;

Der Ordner Icons befindet sich dann als Unterordner im Ordner chrome des Profilordners vom Firefox.

omar1979

Zitat von 2002Andreas

Unterordner im Ordner chrome des Profilordners vom Firefox.

url("..//favicons/Folder.ico")

Danke dir, es funkt. So hat man nicht riesen base64 links im code

Sören Hentzschel

Man sollte Bilder sowieso nicht base64-kodiert einbetten, wenn es nicht sein muss:

Zitat von Sören Hentzschel

Vermeidung von data:-URIs

Hintergrundgrafiken können als Grafik auf dem Dateisystem oder als base64-kodierte data:-URI angegeben werden. Letzteres hat natürlich den Vorteil, keine weiteren Dateien zu benötigen, man kann alles mit dem CSS mitgeben. Auf den about:-Seiten von Firefox funktioniert dies in Zukunft aber nicht mehr, da data:-URIs XSS-Sicherheitslücken begünstigen. Und ganz unabhängig davon sind diese um ein vielfaches langsamer und erzeugen mehr CPU-Last, als wenn Grafiken auf dem konventionellen Weg eingebunden werden. Daher ist der Weg, Grafiken zu verwenden, definitiv der bessere Weg.

.DeJaVu

Danke dir. In den about-Seiten hier trifft das nicht zu, dort werden Grafiken aus Firefox selbst genutzt, der Dank dafür geht an Endor. Vermutlich wusste Andreas das schon, daher relative Pfade.

omar1979

Kann mir wer sagen mit welchem programm ich dieses zeichen -> ↻ <- bearbeiten kann damit fetter ist?

habe mit Photoscape versucht ist aber zu dünn..

Erledigt..

omar1979

wieder eine Frage zu diesem Thema.

Kann man irgendwie diese 2 Buttons in den Menübar Lesezeichen einbeziehen?

Hierhin?

2002Andreas

Zitat von omar1979

Kann man irgendwie diese 2 Buttons in den Menübar Lesezeichen einbeziehen?

Mit einem Script ist das sicherlich machbar.

Dann musst du dich gedulden bis unser Fachmann aborix deine Frage liest.

omar1979

Zitat von 2002Andreas

deine Frage liest.

Geduld ist nicht mein Spitzname... Bin eigentlich nicht so ein Geduldiger.

Aber wenn man keine andere Wahl hat, dann muss man es so oder so

Danke dir.

aborix

Teste mal:

JavaScript

 (function() {

  if (!window.gBrowser)
    return;

  function importBM() {
    let fp = Cc["@mozilla.org/filepicker;1"].createInstance(Ci.nsIFilePicker);
    let fpCallback = function(aResult) {
      if (aResult != Ci.nsIFilePicker.returnCancel && fp.fileURL) {
        ChromeUtils.import("resource://gre/modules/BookmarkHTMLUtils.jsm")
          .BookmarkHTMLUtils
          .importFromURL(fp.fileURL.spec).catch(Cu.reportError);
      }
    }
    fp.init(
      window,
      PlacesUIUtils.getString("SelectImport"),
      Ci.nsIFilePicker.modeOpen
    );
    fp.appendFilters(Ci.nsIFilePicker.filterHTML);
    fp.open(fpCallback);
  }

  function exportBM() {
    let fp = Cc["@mozilla.org/filepicker;1"].createInstance(Ci.nsIFilePicker);
    let fpCallback = function(aResult) {
      if (aResult != Ci.nsIFilePicker.returnCancel) {
        ChromeUtils.import("resource://gre/modules/BookmarkHTMLUtils.jsm")
          .BookmarkHTMLUtils
          .exportToFile(fp.file.path).catch(Cu.reportError);
      }
    }
    fp.init(
      window,
      PlacesUIUtils.getString("EnterExport"),
      Ci.nsIFilePicker.modeSave
    );
    fp.appendFilters(Ci.nsIFilePicker.filterHTML);
    fp.defaultString = "bookmarks.html";
    fp.open(fpCallback);
  }

  let importItem = document.createXULElement('menuitem');
  importItem.id = 'importBookmarks';
  importItem.label = 'Lesezeichen von HTML importieren…';
  importItem.setAttribute('oncommand', '(' + importBM.toString() + ')()');

  let exportItem = document.createXULElement('menuitem');
  exportItem.id = 'exportBookmarks';
  exportItem.label = 'Lesezeichen nach HTML exportieren…';
  exportItem.setAttribute('oncommand', '(' + exportBM.toString() + ')()');

  document.getElementById('organizeBookmarksSeparator').after(importItem);
  importItem.after(exportItem);
  exportItem.after(document.createXULElement('menuseparator'));

})();

Alles anzeigen

omar1979

Zitat von aborix

Teste mal:

Was für eine Endung hat diese Code? .js?

Wo muss ich es reintun?

2002Andreas

Zitat von omar1979

Was für eine Endung hat diese Code? .js?

Z.B.

Menübar Lesezeichen einbeziehen.uc.js

Und das Script kommt dann in den Ordner chrome.

Danach Neustart vom Fx und freuen, denn es funktioniert einwandfrei

omar1979

Zitat von 2002Andreas

es funktioniert einwandfrei

Yes, es funkt.. danke dir und Danke auch dir aborix für die Code.

Jetzt fehlt dort noch die Icons.

2002Andreas

Zitat von omar1979

Jetzt fehlt dort noch die Icons

Nur als Vorlage für dich

CSS

#importBookmarks::before {
  margin-right: 3px !important; 
  margin-left: -9px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/ClassicTRoptions.ico") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 15px 15px !important;
}

#exportBookmarks::before {
  margin-right: 3px !important; 
  margin-left: -9px !important;
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/ClassicTRoptions.ico") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 15px 15px !important;
}

Alles anzeigen

Ansonsten hast du ja schon andere Icons.

Du kannst also einen beliebigen Code von dir nehmen und nur den Namen der neuen Einträge anpassen.

omar1979

Zitat von 2002Andreas

Nur als Vorlage für dich

Dankeschön.. hab jetzt mal zum Testen 2 Icons eingesetzt.. es funkt. ändere die icons bei gelegenheit.

2002Andreas

Zitat von omar1979

es funkt. ändere die icons bei gelegenheit.

omar1979

CSS

toolbarbutton#downloads-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/home1.ico") !important;
  background-repeat: no-repeat !important;
  background-position: 10px 7px !important;
}

Hallo allen..

Habe jetzt alleine einige Icons geändert, aber der Downloads-Icon geht mit dieser Code nicht.

Falls es klappt würd ich dort gerne ein längeres Icon reintun..

Habe aber mit kleinen versucht.. nicht mit den hier.

das hier..

Danke euch schon jetzt..

Aktuell sieht es bei mir so aus.

2002Andreas

Zitat von omar1979

das hier..

Meinst du das so?

Dann bastele mal damit:

CSS

#downloads-button  {
  width: 149px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 150px 35px !important;
}
#downloads-button > stack {
  fill: transparent !important;
}

#downloads-button {
  --toolbarbutton-hover-background: transparent !important;
}

Alles anzeigen

2002Andreas

Etwas verfeinert noch

CSS

#downloads-button  {
  width: 121px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/1download.png") !important;
  background-repeat: no-repeat !important;
  background-position: 1px 6px !important;
  background-size: 110px 20px !important;
  margin-right: -8px !important;
}
#downloads-button > stack {
  fill: transparent !important;
}

#downloads-button {
  --toolbarbutton-active-background: transparent !important;
}

#downloads-button {
  --toolbarbutton-hover-background: transparent !important;
}

Alles anzeigen

omar1979

Zitat von 2002Andreas

Dann bastele mal damit:

und Danke

Icons in Hamburger-Menü und den anderen Menüs einbauen.

Ähnliche Themen

einige Proton-Änderungen abmildern

Abstand in den Menüs verringern?

Lesezeichenmenü und Popup sind wieder hell und Abstände wieder groß