Kontextmenü Website

Fox2Fox

Wenn ich die beiden Pfeile gegen andere Pfeile austauschen möchte: Was muss ich wie ändern?

Wo liegen denn die Grafiken?

2002Andreas

Zitat von Fox2Fox

Wo liegen denn die Grafiken?

Bei einem base64 Code brauchst du keine Grafik bzw. Speicherort.

Bei allen anderen Grafiken musst du sie jeweils in einem Ordner abspeichern, es sei denn es ist ein Firefox Icon.

Geändert wird das im Script in Zeile 8 und Zeile 22.

Das wäre z.B. ein Fx eigenes Icon.

Code

chrome://browser/skin/downloads/download-icons.svg#arrow-with-bar

Die werden dann mit chrome angesprochen.

Eigene Icons per Pfad zum Speicherort auf dem PC.

Z.B. so:

CSS

background-image: url("file:///C:/Users/Andi/Icons/Firefox/Computer_File_020.gif") !important;

Fox2Fox

Besten Dank! Werde ich mal testen.

Welches Dateiformat muss die Grafik denn haben? Du hast ja als Beispiel eine gif-Datei angegeben.

jpg, png ist möglich?

grisu2099

Ja!

Wobei ich mir bei .jpg momentan nicht sicher bin...

Sören Hentzschel

Klar, geht auch. Aber eine JPEG-Datei hat halt grundsätzlich einen Hintergrund, ist also nicht wirklich gut geeignet. GIF-Dateien würde ich schon aus Qualitätsgründen niemals verwenden.

2002Andreas

Zitat von grisu2099

bei .jpg momentan nicht sicher bin..

Sieht dann so aus wie Sören schon sagte, mit Hintergrund.

grisu2099

Einigen wir uns auf: Möglich, aber nicht das "gelbe vom Ei"...

2002Andreas

Zitat von grisu2099

aber nicht das "gelbe vom Ei".

Bei Eiern wird die Farbe vom Eigelb über das Futter bestimmt

https://www.eiermeier.ch/ernaehrung/all…-eidotters.html

grisu2099

Ei weiß...

Endor

Ich verwende dafür dieses Script.

Das verwendet die Grafiken der vor und zurück Schaltflächen

aus dem Kontextmenü.

Farbe der Symbole kann im Script ab Zeile 28 angepasst werden.

CSS

//ScrollTopAndBottom.uc.js
(function() {


let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/back.svg")';


menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);


})();


(function() {


let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , '');
menuitem.style.listStyleImage='url("chrome://browser/skin/forward.svg")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);


var css = '\
@-moz-document url("chrome://browser/content/browser.xhtml") { \
#context-to-top { \
list-style-image: url("chrome://browser/skin/back.svg");\
transform:rotate(90deg)!important;\
color:#00cd00!important;\
}\
#context-to-top:hover { \
list-style-image: url("chrome://browser/skin/back.svg");\
transform:rotate(90deg)!important;\
color:#008b00!important;\
}\
\
#context-to-bottom{\
list-style-image: url("chrome://browser/skin/forward.svg");\
transform:rotate(90deg)!important;\
color:#00cd00!important;\
}\
#context-to-bottom:hover{\
list-style-image: url("chrome://browser/skin/forward.svg");\
transform:rotate(90deg)!important;\
color:#008b00!important;\
}';
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);
})();

Alles anzeigen

Sieht dann so aus im Nightly

Mfg.
Endor

Fox2Fox

Mit diesem veränderten Script klappt es nicht

JavaScript

//SkipToTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
background-image: url("file:///E:\Privat\Programme\Icon\Kontextmenü_Oben.ico") !important;

menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
background-image: url("file:///E:\Privat\Programme\Icon\Kontextmenü_Oben.ico") !important;
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

In Zeile 8 und in Zeile habe ich den Pfad zu einer ico-Datei eingegeben.

Oder sind ico-Dateien nicht geeignet?

2002Andreas

Zitat von Endor

Ich verwende dafür dieses Script.

Hallo Endor.

Die Pfeile hatte ich auch erst.

Nachteil bei hover..der Hintergrund passt dann nicht

Endor

Fox2Fox

Achte auf die Schrägstriche:

file:///E:\Privat\Programme\Icon\Kontextmenü_Oben.ico

sollte so sein:

file:///E:/Privat/Programme/Icon/Kontextmenü_Oben.ico"

2002Andreas

Zitat von Fox2Fox

Mit diesem veränderten Script klappt es nicht

Ändere Zeile 8:

CSS

background-image: url("file:///E:\Privat\Programme\Icon\Kontextmenü_Oben.ico") !important;

mal zu:

Code

menuitem.style.listStyleImage='url("file:///E:/Privat/Programme/Icon/Kontextmenü_Oben.ico")';

und teste es dann.

Sollte das funktionieren musst du die Zeile 22 auch noch anpassen.

Endor

2002Andreas

Ja ist hier auch so.

Mal sehen ab man das mit max-height anpassen könnte.

Mfg.
Endor

Fox2Fox

Das kommt davon, wenn man einen Pfad aus dem Windows Explorer kopiert.

Habe \ in / geändert. Klappt trotzdem nicht.

Hier noch mal die Zeilen 8 und 22

CSS

background-image: url("file:///E:/Privat/Programme/Icon/Kontextmenü/Oben.ico") !important;

Kontextmenü ist der Ordner, in dem sich die Datei befindet.

Wie müsste es dann zwischen Kontextmenü und Oben.ico getrennt werden?

2002Andreas

Zitat von Fox2Fox

Hier noch mal die Zeilen 8 und 22

Siehe Beitrag Nr. 34 den unteren Code.

Auf blauen Dunst:

JavaScript

//SkipToTopAndBottom.uc.js
(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-top';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenanfang springen');
menuitem.style.listStyleImage='url("file:///E:/Privat/Programme/Icon/Kontextmenü_Oben.ico")';

menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

(function() {
 
let menuitem = document.createXULElement('menuitem');
menuitem.id = 'context-to-bottom';
menuitem.classList.add('menuitem-iconic');
menuitem.setAttribute('tooltiptext' , 'Zum Seitenende springen');
menuitem.style.listStyleImage='url("file:///E:/Privat/Programme/Icon/Kontextmenü_Oben.ico")';
menuitem.setAttribute('oncommand' , "ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);");
let refItem = document.getElementById('context-reload');
refItem.parentNode.insertBefore(menuitem, refItem);
 
})();

Alles anzeigen

Fox2Fox

Zitat von 2002Andreas

mal zu:

Sieht jetzt so aus

Die Funktionen Auf und Ab klappen aber. Aber keine Pfeile zu sehen.

edit:

Habe es noch mal mit einer png-Datei getestet. Auch kein Pfeil zu sehen.

2002Andreas

Zitat von Fox2Fox

Aber keine Pfeile zu sehen.

Ich bin mir nicht sicher, ob deine Pfadangabe so richtig ist

Damit tue ich mich auch immer schwer.

Edit:

.ico funktioniert in einem Test hier auch einwandfrei.

Fox2Fox

Zitat von 2002Andreas

Auf blauen Dunst:

Gleiches Ergebnis wie in #38

Kontextmenü Website

Ähnliche Themen

Kontextmenü Rechtsklick Anpassungen

TV5 Monde (Europe)