Hintergrundfarbe Kontextmenü ändern

Pentomino

Wie kann ich den kompletten Hintergrund des Kontextmenüs anders einfärben bzw. ihm eine eigene Grafik verpassen ?

2002Andreas

Farben etc. musst du dir dann noch anpassen.
Auch ob du überall den Hintergrund geändert haben willst.

CSS

menupopup > menu,
menupopup,
popup > menu,
popup, 
#context-navigation{
	-moz-appearance: none !important;
	color: yellow !important;
    background-color:black !important;
}


menuitem {
    color: #BFEFFF!important;
	}

Alles anzeigen

Pentomino

Topp :klasse:
Mir fehlt jetzt noch ein eigenes Icon links neben "Seite speichern unter..."

2002Andreas

Und so wäre es nur für das Rechtsklick Menü:

CSS

#contentAreaContextMenu,
#context-navigation{
	-moz-appearance: none !important;
	background: yellow !important;

}

Pentomino

Alles klar, danke !

2002Andreas

Zitat von Pentomino

ein eigenes Icon links neben "Seite speichern unter...

Teste bitte.

CSS

#context-savepage{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
padding-left:2px !important;}


menuitem[label="#context-savepage"]>.menu-iconic-text{
padding-left:2px !important;}

Pentomino

Scheint bestens zu funktionieren :klasse: Muss jetzt bloß noch mit den "padding-Werten" die optimale Einstellung finden. Bei Schwierigkeiten melde ich mich :wink:

2002Andreas

Mach das :wink:

Pentomino

An welcher Schraube muss ich drehen, damit ich den Abstand zwischen Icon und Text verändern( vergrößern) kann ?

2002Andreas

Im oberen Code diesen Wert ändern:

padding-left:2px

der ist für das Icon.

Im unteren Code der ist für den Abstand vom Text nach links.

Pentomino

Klappt nicht, egal, was ich für den zweiten Wert einsetze, z.Zt. 50px, der Text "klebt" am Icon.

2002Andreas

Teste es doch bitte mal mit dem oberen Wert auf 0

Dann sollte das Icon ganz links sein.

So sieht das hier aus mit padding 2

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

2002Andreas

Tausch den unteren Code bitte mal gegen diesen aus:

CSS

menuitem[label="Seite speichern unter…"]>.menu-iconic-text{
padding-left:2px !important;}

Pentomino

Mit den Werten 5px/30px sieht das bei mir so aus:

Pentomino

Neuen Code teste ich gleich...

Pentomino

Ändert sich nichts. Kann zwar das Icon schön nach links und rechts verschieben (mit dem ersten Wert), aber der Text "klebt" weiterhin direkt am Icon, egal, welche zweiten Wert ich verwende.

2002Andreas

Eigenartig.

So sieht das hier aus:
[attachment=0]Zwischenablage01.jpg[/attachment]

Mit diesem Code:

CSS

#context-savepage{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
padding-left:2px !important;}


menuitem[label="Seite speichern unter…"]>.menu-iconic-text{
padding-left:20px !important;}

2002Andreas

Teste doch bitte diesen Code mal:

CSS

menuitem[label="Seite speichern unter…"]{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
list-style-image: url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;
padding-left:2px !important;}


menuitem[label="Seite speichern unter…"]>.menu-iconic-text{
padding-left:20px !important;}

Pentomino

Funktioniert leider nichts... Ich geb da jetzt erstmal auf. Icon ist nicht "lebenswichtig". :wink: Vermutlich durchkreuzt irgendein anderer Code das Ganze. Besten Dank erstmal für deine wiederholte, tolle Unterstützung :klasse:

2002Andreas

Zitat von Pentomino

Vermutlich durchkreuzt

Das vermute ich dann auch. :-??

Zitat von Pentomino

für deine wiederholte, tolle Unterstützung

Gerne doch, und auch dieses Problem werden wir noch lösen :wink: