Kontextmenü Website bearbeiten

2002Andreas

Teste bitte.
Dazu den Code aus Beitag Nr.#18 entfernen und dann diesen dafür nehmen.

CSS

#context-reload label,
#context-stop label{
    display: inline !important;	}


#context-navigation > .menuitem-iconic{
	margin-left:30px !important;
	max-width:30px!important;
}

Die Werte evtl. noch anpassen.

Fox2Fox

Da ich mir nicht sicher bin, welche Passage ausgetauscht werden soll, hier der momentan verwendete Code:

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}


#context-reload .menu-iconic-left:before{
content: 'Neu laden'; 
margin-right:3px!important;}


#context-reload >.menu-iconic-text{
margin-left:-3px!important;}

Alles anzeigen

Wie müsste der Code nach der Änderung aussehen?

2002Andreas

Teste bitte mal:

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}




#context-navigation > .menuitem-iconic{
	margin-left:30px !important;
	max-width:30px!important;
}

Alles anzeigen

Fox2Fox

Perfekt!

Herzlichen Dank!

PS:
Was machst du eigentlich mit den vielen Erfolgserlebnissen.... :mrgreen:

2002Andreas

Ich freue mich darüber wenn ich helfen konnte...und diese Hilfe dann auch zum Erfolg für den User führte

Fox2Fox

Muss noch mal nachfragen.

Habe versucht, das Kontextmenü zu verändern. Ist mir nicht so gelungen, wie ich mir das wünsche.

Mit diesem Code für die userChrome.css siehts so aus

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}




#context-navigation > .menuitem-iconic{
	margin-left:10px !important;
	max-width:10px!important;
}

Alles anzeigen

[Blockierte Grafik: https://www2.pic-upload.de/img/34391023/A10.jpg]

Den linken Rand konnte ich schon verkleinern, aber wie mache ich das mit dem rechten Rand?

Und die Einträge oben mit unten sollen vertauscht werden. Letztendlich soll es so aussehen:

[Blockierte Grafik: https://www2.pic-upload.de/img/34391028/A11.jpg]

2002Andreas

Teste bitte:

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}


	
#context-navigation > .menuitem-iconic {
  margin-left:33px!important;
  max-width:10px!important;
}


#uc_menu_close_tab{
-moz-box-ordinal-group: 0!important;
}

Alles anzeigen

Das ist der komplette Code, du brauchst also nichts einfügen.

Fox2Fox

Habe mal die Werte verändert

CSS

#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}

[Blockierte Grafik: https://www2.pic-upload.de/img/34391169/A12.jpg]

Wäre es möglich, "Tab schließen" bündig nach links einzurücken und dann den rechten leeren Bereich wegfallen zu lassen?

2002Andreas

Teste bitte wieder den kompletten Code:

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}


	
#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}


#uc_menu_close_tab{
	margin-left:-25px!important;
       -moz-box-ordinal-group: 0!important;
}

Alles anzeigen

Im letzten Code wenn dann diesen Abstand noch anpassen:

margin-left:-25px!important;

Fox2Fox

Mit diesem Code siehts gut aus

CSS

/*Kontextmenü Webseiten*/


#context-forward,
#context-back,
#context-savepage,
#context-sendpagetodevice,
#context-sep-navigation,
#contentAreaContextMenu menuseparator,
menuitem[label="Hintergrundgrafik anzeigen"],
menuitem[label="Alles markieren"],
menuitem[label="Seitenquelltext anzeigen"],
menuitem[label="Seiteninformationen anzeigen"],
menuitem[label="Element untersuchen"],
menuitem[label="Öffnen mit..."],
menuitem[label="Bildschirmfoto aufnehmen"],
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sep-viewsource,
#inspect-separator,
#contentAreaContextMenu > menuseparator:nth-child(91){
display:none!important}


	
#context-navigation > .menuitem-iconic {
  margin-left:5px!important;
  max-width:5px!important;
}


#uc_menu_close_tab{
	margin-left:-10px!important;
       -moz-box-ordinal-group: 0!important;
}

Alles anzeigen

[Blockierte Grafik: https://www2.pic-upload.de/img/34391261/A13.jpg]

Vielen Dank!

Fox2Fox

Ich muss noch mal nerven...

Ist es möglich das Kontextmenü so zu verändern, dass ich anstatt der Symbole die entsprechenden Texte habe?

So ähnlich vielleicht

[Blockierte Grafik: https://www2.pic-upload.de/img/34404872/A14.jpg]

Homeboy25

Hat sich dort wieder was geändert, weil ich es genauso haben wollte, nur mit "Tab schliessen" wird mir nicht angezeigt.

dafür ist "seite bei pocket speichern" alseintrag dazu gekommen.
scheint das am update zu liegen. wie kann ich tab schliesssen in der aktuellen version ausblenden?

Desweiteren würde ich gerne noch "Link in neuem Tab in Umgebung öffnen" und "Lesezeichen für diesen Link hinzufügen" herauslöschen.

2002Andreas

Zitat von Homeboy25

Desweiteren würde ich gerne noch

Es reicht doch wenn du deine Frage in einem Thread stellst...

Re: Unsere Anpassungen in der userChrome.css

2002Andreas

Zitat von Homeboy25

mit "Tab schliessen" wird mir nicht angezeigt.

Zitat von Homeboy25

wie kann ich tab schliesssen in der aktuellen version ausblenden?

Was denn nun, wird es dir angezeigt oder nicht :-??

Homeboy25

Nein, wird mir nicht angezeigt.
WArum auch immer.
Ist aber auch nicht schlimm, weil ich es ausgeblendet haben wollte.
Es war aus zwei Zitaten falsch zusammenkopiert.

2002Andreas

Zitat von Homeboy25

Nein, wird mir nicht angezeigt.
WArum auch immer.

Der Grund dafür steht in Beitrag Nr.26 :wink:

Re: Kontextmenü Website bearbeiten