Ganze Seite nach unten oder oben Scrollen

2002Andreas

Zitat von FuchsFan

Dieses verwende ich:

Ich denke, das liegt an deinem base64 Code.

Ändere den mal auf ein Icon mit Pfad, und teste es dann.

Oder nimm gleich passende Icons:

CSS

#context-to-top > image {
  fill: red !important;
}

JavaScript

//ScrollTopAndBottom.uc.js


(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'context-to-top';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , '');
	menuitem.style.listStyleImage='url("chrome://global/skin/icons/arrow-down.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);
		}
	}); 

})();

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'context-to-bottom';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , '');
	menuitem.style.listStyleImage='url("chrome://global/skin/icons/arrow-down.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);
		}
	});

   var css = '\
#context-to-top { \
  list-style-image: url("chrome://global/skin/icons/arrow-down.svg");\
  transform:rotate(180deg)!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

FuchsFan

Zitat von 2002Andreas

Oder nimm gleich passende Icons:

Ja, das funktioniert dann wenigstens. Ich danke Dir!

2002Andreas

Zitat von FuchsFan

das funktioniert dann wenigstens. Ich danke Dir!

2002Andreas

Zitat von lionsson

Ob man in der Zeile wohl auch noch einen "close-this-tab"-Button unterbringen kann?

Teste bitte mal, ich habe das in ein Skript gepackt

Zeile 54 - 70 ist für Tab schließen. Kann auch alleine als ein Skript erstellt werden.

JavaScript

//ScrollTopAndBottom.uc.js
//Tab schließen zusätzlich eingefügt

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	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/downloads/downloads.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);
		}
	}); 

})();

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	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/downloads/downloads.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);
		}
	});

   var css = '\
#context-to-top { \
  list-style-image: url("chrome://browser/skin/downloads/downloads.svg");\
  transform:rotate(180deg)!important;\
}\
#context-to-top,\
#context-to-bottom {\
  order: -1 !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);
})();


(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'Tab schließen';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , 'Tab schließen');
	menuitem.style.listStyleImage='url(chrome://global/skin/icons/close-12.svg)';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			BrowserCommands.closeTabOrWindow();
		}
	}); 

})();

Alles anzeigen

2002Andreas

So wäre das Skript einzeln, und mit einem eigenen beliebigen Icon in Zeile 9 einzutragen:

JavaScript

//Tab schließen im contentAreaContextMenu.uc.js

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'Tab schließen';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , 'Tab schließen');
	menuitem.style.listStyleImage='url("file:///C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/7hfpu74u.Test Fx/chrome/Icons/Hilfe8.png")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			BrowserCommands.closeTabOrWindow();
		}
	}); 

})();

Alles anzeigen

Mira_Belle

FuchsFan
Danke.
Nun habe ich es bald!!

Nur wie mache ich das, dass nur die aktiven Vor- und Zurückpfeile beim Hovern farbig werden?

2002Andreas

Zitat von Mira_Belle

dass nur die aktiven Vor- und Zurückpfeile beim Hovern farbig werden?

Teste bitte:

CSS

/*======= Rechtsklick-Kontextmenü =======*/

/* AGENT_SHEET */
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    @-moz-document url(chrome://browser/content/browser.xhtml){
        
    /*==== zusätzliche Anpassungen Rechtsklick-Kontextmenü ====*/
    
/* Breite des Popup-Menüs begrenzt */    
#mainPopupSet menupopup#contentAreaContextMenu{
    max-width: 345px !important;
    min-width: 345px !important;
}    

/* obere Box mit den Icons */
#context-navigation {
	appearance: none !important;
    background: #99ccff !important; 
    padding: 8px !important; 
    margin-bottom: 3px !important; 
    min-height: 50px !important; 
    max-height: 50px !important;
    max-width: 320px !important;
	box-shadow: inset 0.05em 0.05em 0.3em 0.3em #009926 !important;
}

/* Button mit den Icons */
#context-navigation menuitem.menuitem-iconic {
	background-color: transparent /* #fae7b5 */ !important;
    border: 1px solid royalblue !important;
	max-width: 47px !important;
    min-width: 47px !important;
	min-height: 35px !important; 
    max-height: 35px !important;
	padding-left: 4px !important;
	margin-left: 3px !important;
    margin-top: 0px !important;
}

/* die aktiven Button oben im Kontextmenü bei hover */
#context-navigation > .menuitem-iconic:not([disabled]):hover{
    background-color: #d2f2f8 !important;
    border: 1px solid brown !important;
}



/* die inaktiven (kleinen) Button oben im Kontextmenü ausgeblendet */
#context-navigation > .menuitem-iconic[disabled] > hbox > image {
    background-color: transparent  !important;
}

/* die aktiven (kleinen) Button oben im Kontextmenü ausgeblendet */
#context-navigation > .menuitem-iconic:not([disabled]) > hbox > image {
	background-color: transparent !important;
}   


/*  Vor, Zurück, Stop, Neuladen und Lesezeichen farbig */    
#context-back.menuitem-iconic image.menu-icon {  
	fill: blue !important;
	margin-left: 4px !important;
}
#context-back:hover.menuitem-iconic image.menu-icon {  
	fill: red !important;
}

#context-forward.menuitem-iconic image.menu-icon{
	fill: #268e00 !important;
}
#context-forward:hover.menuitem-iconic image.menu-icon{
	fill: red !important;
}

/* gehören zum Script SkipToTopAndBottom.uc.js */
#context-to-top.menuitem-iconic image.menu-icon{
	margin-right: 0px !important;
}
#context-to-bottom.menuitem-iconic image.menu-icon{
	margin-right: 0px !important;
}

#context-reload.menuitem-iconic image.menu-icon{
	fill: forestgreen !important;
}
#context-reload:hover.menuitem-iconic image.menu-icon{
	fill: red !important;
}

#context-stop.menuitem-iconic image.menu-icon{
	fill: red !important;
}
#context-stop:hover.menuitem-iconic image.menu-icon{
	fill: #cd0000 !important;
}

#context-bookmarkpage.menuitem-iconic image.menu-icon{
	fill: #ff5f25 !important;
	margin-right: 4px !important;
}
#context-bookmarkpage:hover.menuitem-iconic image.menu-icon{
	fill: brown !important;
} 
}

/* =========================== */
/*  Skip To Top & Bottom Icons */
/*  Einheitliche Icon-Größe    */
/* =========================== */

#context-navigation {
  > .menuitem-iconic {
        /* Gemeinsame Icon-Größe */
    > .menu-icon {
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        max-height: 34px !important;
        background-size: contain !important; /* für perfekte Skalierung */
        object-fit: contain !important; /* falls SVGs oder PNGs verwendet werden */
    }
  }
}

#context-navigation :is(menu,menuitem)[disabled="true"]:hover{
  background: transparent !important;
  color: red !important;
}

Alles anzeigen

Zeile 125 - 128

Mira_Belle

Merkwürdig.

Das ist aber eigentlich der "ausgegraute" Pfeil!
Und der "aktive" Back Arrow", der reagiert gar nicht auf's hovern.

Weil ich an anderer Stelle gemotzt habe, hier das CSS:

CSS

	/*======= Rechtsklick-Kontextmenü =======*/

	@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
	@-moz-document url(chrome://browser/content/browser.xhtml) {
		
		/*==== zusätzliche Anpassungen Rechtsklick-Kontextmenü ====*/
		/* Breite des Popup-Menüs begrenzt */    
		#mainPopupSet menupopup#contentAreaContextMenu{
		max-width: 300px !important;
		min-width: 245px !important;
		}
		
		/* Button mit den Icons */
		#context-navigation menuitem.menuitem-iconic {

		max-width: 47px !important;
		min-width: 37px !important;
		max-height: 45px !important;
		}

		/*  Vor, Zurück, Stop, Neuladen und Lesezeichen farbig */    
		#context-reload:hover.menuitem-iconic image.menu-icon,
		#context-bookmarkpage:hover.menuitem-iconic image.menu-icon {
		fill: #FFAA00 !important;
		}	/*
		#context-back:hover.menuitem-iconic image.menu-icon,
		#context-forward:hover.menuitem-iconic image.menu-icon {
			fill: grey !important;
		}	*/
		#context-to-top:hover.menuitem-iconic image.menu-icon,
		#context-to-bottom:hover.menuitem-iconic image.menu-icon {
		color: #FFAA00 !important;
		}

	}

	/* =========================== */
	/*  Skip To Top & Bottom Icons */
	/*  Einheitliche Icon-Größe    */
	/* =========================== */

	#context-navigation {	
		> .menuitem-iconic {
		  /* Gemeinsame Icon-Größe */
			> .menu-icon {
				width: 34px !important;
				height: 34px !important;
				max-width: 34px !important;
				max-height: 34px !important;
				background-size: contain !important; /* für perfekte Skalierung */
				object-fit: contain !important; /* falls SVGs oder PNGs verwendet werden */
	  		}
		}
  	}

Alles anzeigen

lionsson

Zitat von 2002Andreas

Zitat von lionsson

Ob man in der Zeile wohl auch noch einen "close-this-tab"-Button unterbringen kann?

Teste bitte mal, ich habe das in ein Skript gepackt

Zeile 54 - 70 ist für Tab schließen. Kann auch alleine als ein Skript erstellt werden.

JavaScript

//ScrollTopAndBottom.uc.js
//Tab schließen zusätzlich eingefügt

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	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/downloads/downloads.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,0) ' , false);
		}
	}); 

})();

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	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/downloads/downloads.svg")';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			ownerGlobal.gBrowser.selectedBrowser.messageManager.loadFrameScript(' data: , content.scrollTo(0,100000) ' , false);
		}
	});

   var css = '\
#context-to-top { \
  list-style-image: url("chrome://browser/skin/downloads/downloads.svg");\
  transform:rotate(180deg)!important;\
}\
#context-to-top,\
#context-to-bottom {\
  order: -1 !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);
})();


(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml') return;
	let menuitem = document.createXULElement('menuitem');
	menuitem.id = 'Tab schließen';
	menuitem.classList.add('menuitem-iconic');
	menuitem.setAttribute('tooltiptext' , 'Tab schließen');
	menuitem.style.listStyleImage='url(chrome://global/skin/icons/close-12.svg)';
	let refItem = document.getElementById('context-reload');
	refItem.parentNode.insertBefore(menuitem, refItem);
	//click
	menuitem.addEventListener('click', () => {
		if (event.button == 0) {
			BrowserCommands.closeTabOrWindow();
		}
	}); 

})();

Alles anzeigen

Und nochmal: wun-der-bar. Vielen Dank & sorry für die späte Reaktion, ich musste kurz mal ins richtige Leben.

Grüße Lionsson

Mira_Belle

Jetzt aber!

CSS

	@-moz-document url(chrome://browser/content/browser.xhtml) {
		
		/*==== zusätzliche Anpassungen Rechtsklick-Kontextmenü ====*/
		/* Breite des Popup-Menüs begrenzt */    
		#mainPopupSet menupopup#contentAreaContextMenu{
		max-width: 300px !important;
		min-width: 245px !important;
		}
		
		/* Button mit den Icons */
		#context-navigation menuitem.menuitem-iconic {

		max-width: 47px !important;
		min-width: 37px !important;
		max-height: 45px !important;
		}

		/*  Stop, Neuladen und Lesezeichen farbig */    
		#context-reload:hover.menuitem-iconic image.menu-icon,
		#context-bookmarkpage:hover.menuitem-iconic image.menu-icon {
		fill: #FFAA00 !important;
		}	/*
		#context-back:hover.menuitem-iconic image.menu-icon,
		#context-forward:hover.menuitem-iconic image.menu-icon {
			fill: grey !important;
		}	*/
		#context-to-top:hover.menuitem-iconic image.menu-icon,
		#context-to-bottom:hover.menuitem-iconic image.menu-icon {
		color: #FFAA00 !important;
		}
		/*  Vor, Zurück  farbig */
		#context-navigation > .menuitem-iconic:not([disabled]):hover{
			color: var(--uc-color-orange-normal) !important;
		}
	}

	/* =========================== */
	/*  Skip To Top & Bottom Icons */
	/*  Einheitliche Icon-Größe    */
	/* =========================== */

	#context-navigation {	
		> .menuitem-iconic {
		  /* Gemeinsame Icon-Größe */
			> .menu-icon {
				width: 30px !important;
				height: 30px !important;
				max-width: 30px !important;
				max-height: 30px !important;
				background-size: contain !important; /* für perfekte Skalierung */
				object-fit: contain !important; /* falls SVGs oder PNGs verwendet werden */
	  		}
		}
  	}

Alles anzeigen

Danke 2002Andreas

2002Andreas

Zitat von lionsson

sorry für die späte Reaktion

Alles ist gut, freut mich wenn du es gebrauchen kannst

Zitat von Mira_Belle

Danke

gerne wie immer.

Ganze Seite nach unten oder oben Scrollen

Ähnliche Themen

Ein paar Anpassungen fehlen nach Umstieg auf Win11

Es werden in den Ordnern der FF-Symbolleiste nicht alle Dateien als Liste angezeigt.

Leertaste scrollt zu weit

Youtube scrollt automatisch in die Beschreibung oder die Kommentare

"Erweiterungen verwalten" in Menubardropdown nach oben