Kontextmenü in Eingabefeldern

Boersenfeger

das ist hier schon versorgt...
[attachment=0]2013-06-16_170349.png[/attachment]
Danke für die anderen Codes.... :klasse:

Endor

Du musst oben auf Fehler auf dieser Seite melden... klicken, dann öffnet sich ein Fenster
das meine ich, siehe auch das Bild in diesem Beitrag von mir: https://www.camp-firefox.de/forum/viewtopi…=866929#p866929.

Mfg.
Endor

Boersenfeger

:idea:
Mit Bild ist es klarer, ist ebenfalls übernommen...

Endor

Das Symbol oben Links auf dem Fenster heißt übrigens : abpSendReportWizard.ico

Wer meines mag siehe hier: https://drive.google.com/folderview?id=…Y2M&usp=sharing

Mfg.
Endor

Boersenfeger

... hatter auch schon vereinnahmt... :mrgreen:

Endor

Zitat von Boersenfeger

... hatter auch schon vereinnahmt... :mrgreen:

so was in der Art hatte ich schon erwartet. :mrgreen:
[Blockierte Grafik: http://fc06.deviantart.net/fs32/f/2008/218/f/7/Silent_ninja_run_of_awesomness_by_CookiemagiK.gif]
Mfg.
Endor

Boersenfeger

.. das sieht aber auch alles zu gut aus.... und irgendwann ist alles abgedeckt mit Icons...
hoffentlich macht uns dann die fortschreitende Entwicklung nicht den großen Strich durch die Rechnung... :-??

Endor

Ich habe hier ja den UX am laufen, im Moment laufen diese Codes dort noch.
Hoffen wir, dass es auch so bleibt. :wink:

Klar,dass hier und da Anpassungen vorgenommen werden müssen, aber das war ja
zu erwarten.

Mfg.
Endor

Artist

Zitat von Boersenfeger

... und irgendwann ist alles abgedeckt mit Icons...

Soweit bin ich noch nicht, ich habe noch einige Zahnlücken oder Unschönheiten wie hier:
bei Extras-Greasemonkey-Internetseiten hab ich bei Blog, Wiki und Handbuch jeweils das Affen-Icon. Wie sieht das bei euch aus - unterschiedliche Icons oder auch alle drei gleich? Ich mag Abwechslung

Endor

Den Code habe ja ich für Dich gemacht. Ich habe da bei allen drei den Affenkopf eingebaut,
da das das jeweilige Favicon der Seite ist. Musst nur im Code die betreffende Stelle finden und
die Bilder austauschen wenn Du da was anderes willst.

das wäre dieser Teil im Code:

CSS

menuitem[label="Greasespot Blog"] {
-moz-binding:
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAzMCBNYXIgMjAwOCAxNzoyMjo0NyAtMDUwMNSe%2BEoAAAAHdElNRQfYBAYRMSwLM2%2FoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGPC%2FxhBQAAAtBJREFUeNpdU11IU3EU%2F93tTje1vJujzS1xZVNnhdeMStG8ha%2FVDYKUICYk9RLYW1FBIERv0atFTSgqCllPvRiaDyp9qFPLsTQ12nB96Fzuy3117nVL24HD%2F3DO%2Bf3u%2F57z%2BzNWqxWJRAKpVEr2ZDIpe9Yu2fy1dAhzyxCW1sBPhQy7sjW%2F3w82GAwi1whUTkcXufgrDMvsMhBLyKVbub0swzD%2FJS5WL93NgCEBvRn%2BYjVg1UHQ%2FPDbIwnw7qhxVSbIAY%2FTwXMlWrgXV8AqgAodwKk36vMBCAQWsmDJmJtHcQoM7NI9bHV7RdHeBnVBISZGPsL56AnEjnPgG%2BoRDYfgdDzDzPgnZ1pCpuHoHsIrNqXSOHbX2LhvU2OQwYXbAEUe%2BOYWcDtMsFRZqTlJeZbq7XBP3BDL9x%2FA188zAhDRskarjdOXlkIRq6CmIgLnw%2FH%2BHbDOwt4iwDH6Vp6gvemwTG6prICO%2BsNxcHgzBgVUGoRWAzCWmemHVESgQu%2FIPK70vACUGvQOeyjuo1qeXJP64rEoJJxkikmXe0EKOD1Ni6GpMSwGXw8isBgggoLNWKGkmpL6SmRgFqc0qCIBZeineLazHWyeRv6KRVcKsakJfE0lLJweYmM9%2BKoymkUceoMWz3sew%2FP9Txet2cUe2gknp9VArVHj3sN%2BHG%2Bshf1EszwLJCOwn6Q4uY7paQ8Ghidx%2BXwjVKkoXGFTL%2BDb0EHg9wqtKQyxdR%2B6b%2Fch4V2BdXsR9LTbVdrZbDAEhZnDteun5XVuNcZkMqGz0jfANxwUxI62zLAkl7gV8sKRJh2n4uQx0sZT0siHwfse0zGfz%2FdPiV2UdNJNLEdam1FdR%2B8nLZWYDEES7nEXRvuHsOCZW8hKXb6B2WyWgwtWb7F%2FDVdJtmfyWezJfTQkhdlAFC8NRbjz4ItZlrLX690kyBolLXQYydVb0rR4LFHvQk4v%2FgIj%2FRRmaCXZ1wAAAABJRU5ErkJggg%3D%3D") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;    
padding-left:4px!important;}


menuitem[label="Greasespot Blog"] >.menu-iconic-text{
padding-left:10px !important;}


menuitem[label="Greasespot Wiki"] {
-moz-binding:
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAzMCBNYXIgMjAwOCAxNzoyMjo0NyAtMDUwMNSe%2BEoAAAAHdElNRQfYBAYRMSwLM2%2FoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGPC%2FxhBQAAAtBJREFUeNpdU11IU3EU%2F93tTje1vJujzS1xZVNnhdeMStG8ha%2FVDYKUICYk9RLYW1FBIERv0atFTSgqCllPvRiaDyp9qFPLsTQ12nB96Fzuy3117nVL24HD%2F3DO%2Bf3u%2F57z%2BzNWqxWJRAKpVEr2ZDIpe9Yu2fy1dAhzyxCW1sBPhQy7sjW%2F3w82GAwi1whUTkcXufgrDMvsMhBLyKVbub0swzD%2FJS5WL93NgCEBvRn%2BYjVg1UHQ%2FPDbIwnw7qhxVSbIAY%2FTwXMlWrgXV8AqgAodwKk36vMBCAQWsmDJmJtHcQoM7NI9bHV7RdHeBnVBISZGPsL56AnEjnPgG%2BoRDYfgdDzDzPgnZ1pCpuHoHsIrNqXSOHbX2LhvU2OQwYXbAEUe%2BOYWcDtMsFRZqTlJeZbq7XBP3BDL9x%2FA188zAhDRskarjdOXlkIRq6CmIgLnw%2FH%2BHbDOwt4iwDH6Vp6gvemwTG6prICO%2BsNxcHgzBgVUGoRWAzCWmemHVESgQu%2FIPK70vACUGvQOeyjuo1qeXJP64rEoJJxkikmXe0EKOD1Ni6GpMSwGXw8isBgggoLNWKGkmpL6SmRgFqc0qCIBZeineLazHWyeRv6KRVcKsakJfE0lLJweYmM9%2BKoymkUceoMWz3sew%2FP9Txet2cUe2gknp9VArVHj3sN%2BHG%2Bshf1EszwLJCOwn6Q4uY7paQ8Ghidx%2BXwjVKkoXGFTL%2BDb0EHg9wqtKQyxdR%2B6b%2Fch4V2BdXsR9LTbVdrZbDAEhZnDteun5XVuNcZkMqGz0jfANxwUxI62zLAkl7gV8sKRJh2n4uQx0sZT0siHwfse0zGfz%2FdPiV2UdNJNLEdam1FdR%2B8nLZWYDEES7nEXRvuHsOCZW8hKXb6B2WyWgwtWb7F%2FDVdJtmfyWezJfTQkhdlAFC8NRbjz4ItZlrLX690kyBolLXQYydVb0rR4LFHvQk4v%2FgIj%2FRRmaCXZ1wAAAABJRU5ErkJggg%3D%3D") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;    
padding-left:4px!important;}


menuitem[label="Greasespot Wiki"] >.menu-iconic-text{
padding-left:10px !important;}


menuitem[label="Greasemonkey Handbuch"] {
-moz-binding:
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAAALHRFWHRDcmVhdGlvbiBUaW1lAFN1biAzMCBNYXIgMjAwOCAxNzoyMjo0NyAtMDUwMNSe%2BEoAAAAHdElNRQfYBAYRMSwLM2%2FoAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGPC%2FxhBQAAAtBJREFUeNpdU11IU3EU%2F93tTje1vJujzS1xZVNnhdeMStG8ha%2FVDYKUICYk9RLYW1FBIERv0atFTSgqCllPvRiaDyp9qFPLsTQ12nB96Fzuy3117nVL24HD%2F3DO%2Bf3u%2F57z%2BzNWqxWJRAKpVEr2ZDIpe9Yu2fy1dAhzyxCW1sBPhQy7sjW%2F3w82GAwi1whUTkcXufgrDMvsMhBLyKVbub0swzD%2FJS5WL93NgCEBvRn%2BYjVg1UHQ%2FPDbIwnw7qhxVSbIAY%2FTwXMlWrgXV8AqgAodwKk36vMBCAQWsmDJmJtHcQoM7NI9bHV7RdHeBnVBISZGPsL56AnEjnPgG%2BoRDYfgdDzDzPgnZ1pCpuHoHsIrNqXSOHbX2LhvU2OQwYXbAEUe%2BOYWcDtMsFRZqTlJeZbq7XBP3BDL9x%2FA188zAhDRskarjdOXlkIRq6CmIgLnw%2FH%2BHbDOwt4iwDH6Vp6gvemwTG6prICO%2BsNxcHgzBgVUGoRWAzCWmemHVESgQu%2FIPK70vACUGvQOeyjuo1qeXJP64rEoJJxkikmXe0EKOD1Ni6GpMSwGXw8isBgggoLNWKGkmpL6SmRgFqc0qCIBZeineLazHWyeRv6KRVcKsakJfE0lLJweYmM9%2BKoymkUceoMWz3sew%2FP9Txet2cUe2gknp9VArVHj3sN%2BHG%2Bshf1EszwLJCOwn6Q4uY7paQ8Ghidx%2BXwjVKkoXGFTL%2BDb0EHg9wqtKQyxdR%2B6b%2Fch4V2BdXsR9LTbVdrZbDAEhZnDteun5XVuNcZkMqGz0jfANxwUxI62zLAkl7gV8sKRJh2n4uQx0sZT0siHwfse0zGfz%2FdPiV2UdNJNLEdam1FdR%2B8nLZWYDEES7nEXRvuHsOCZW8hKXb6B2WyWgwtWb7F%2FDVdJtmfyWezJfTQkhdlAFC8NRbjz4ItZlrLX690kyBolLXQYydVb0rR4LFHvQk4v%2FgIj%2FRRmaCXZ1wAAAABJRU5ErkJggg%3D%3D") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;    
padding-left:4px!important;}


menuitem[label="Greasemonkey Handbuch"] >.menu-iconic-text{
padding-left:10px !important;}

Alles anzeigen

Mfg.
Endor

Endor

Wie wäre es so:

[Blockierte Grafik: http://img18.imageshack.us/img18/4199/n2ol.png]

wenn es passt, einfach den vorhandene Teil des Codes durch diesen hier ersetzen:

CSS

menuitem[label="Greasespot Wiki"] {
-moz-binding:
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAB5klEQVQ4jY2QT2sTQRyG5wPkI+QL5GvkvscBPWhQMCKIhx4aUAi1tFBtqa0lBMXAUitarP8ieEhssk1iiBIPSshaW0p1mjRNbdpNUzU7O/t6WDNmqA39wXt8nvedIaTvXue/YjFdwcM3n5B49RHxpfeYfVzE5HwO44kMovEUovEUyEn3wviCLgd+2S6Oui46v10wxhAOh+H3+0EIAaX0ZMlSpqrA5XIZPp8PhBCEQiEwxtC7/0oW0xUcdb1WwzAkrOsL2G0LROMp9J8iMU0TlFIJ9RKJRLDbFmhaQv5BfwghhOj6ggSDwSAopdA0DYFAAJZlYeZ5VQnbc/Dth+MJelMppTBNEwc/Xex3BPYOhWxuHbpodQRqLUfCm82/Ak3TkEwmQQghD16WPbgtjrX2Z7PpYGOH43osrX7kvWcfZPO/uN6StpDNGzsc6w2O4bllVRB7WpKzBy1Yb3CsbXMMzWRVwd0nRTQtgcaBQH3fOfbmXvPaNsdqnePqtKEK7jwqSHjQgtU6h1njuDy5ogqm5nOnajZrHNUtGxdv5VXBhG5IeNCC6paNCrNxfqygCsYTmVM1V5iNz99tnL1ZVAWj99/iRszL8NwyhmazuDadxZWpFVy6ncOFiTzOjRVwZvQd6EgJdKSEP9JUmU99jeBVAAAAAElFTkSuQmCC") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;    
padding-left:4px!important;}


menuitem[label="Greasespot Wiki"] >.menu-iconic-text{
padding-left:10px !important;}


menuitem[label="Greasemonkey Handbuch"] {
-moz-binding:
url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACtUlEQVQ4ja3QW0ySARwF8K9eqpfKVqZ4m4qbhuK8RCKbdy3Uvgmb5UpHWjNwoqkrl+BUJEIEls2cM1tOJXHiJRSEhMRp0dLSNc1yUdkXm7V1e2k9dXpoPSFvnZf/0/ntv0MQ/zF7SjMi5K1l6cOjHSLdRKdIZ9CU6vSqEt2QokinVxTq9HK+vudKVg8/bn+IR9ufIELKMo98G2wpwS/XCH5vGvDzZR++L9/CZ6ca7lkZ3PZGLPUJUMkN5HoAYT5E8KmkMKpdlIdPy3fxY60fW4tdoOY1eGtrxWuzBOv362DXciHO9s3ZFshn0ijJmVR8fNKFLyu9cD/uwKajDW+sLXg11YAX+guwXE9BDZfmCST4EMG50b5UTQEL7+a02HraiQ9z7XDZ5NiYbsTqeB2WenmYvpa8PRDmQwRzo/2oajIRG1Y5qHkVXDMybJilWDfW4/nAOTg7s2FqTYLYG5Ab7UdVn4zH6kQ9XFYp1o2XsTp2CStDF/GoKw/zN9JgbEqEONsbEONPVeXHYklXjjWDCCv3zuPZgADO7gI4tKlwtCdjXBLrfcTcGBolzo3BQjcfi3f4cHaTWOjkwqFJg03Jhk2RAEN9FCqyD3gBmDSq8gQDdk0WFm5mwqFNhV3FwYyChWlZHCzNDAzXhqMiwwuQxwygRDlRMMuT8VDFxgMFC5bWeJibmZiURmKyIRy6qiBUZOzz/kF5Bh3jkmhYWhiYkkbBeDUCE/WhGK0LxFjNYfQLD0GYvve4J0AQwbyj4e7agkSYZGzYlMdglbMwLYuHqSkWRikDJmkk+oT+ELB3Z3oABEEclAhPvx+5rYa5XwnLoBLWwTZYBlV/74ASs3o11BUpX+m7iPDtgB08VgCbxwnjF3KCyCJOEFmUEkoWp9BJQTqdLE4PJc+mhvD4Sb4cgiB2/iv9AfyGe+WxAIa8AAAAAElFTkSuQmCC") !important;
-moz-image-region: rect(0px 16px 16px 0px) !important;    
padding-left:4px!important;}


menuitem[label="Greasemonkey Handbuch"] >.menu-iconic-text{
padding-left:10px !important;}

Alles anzeigen

Das ist jetzt nur der Code für den Menüeintrag Wiki und Handbuch.

Mfg.
Endor

Artist

Endor: tja, da hab ich wohl ordentlich gepennt :oops:, tut mir leid.

Ich hab ja schon angefangen eine Icon-Datei aufzubauen, leider fehlt die Zeit um permanent dran zubleiben. Dann passieren schon mal Fehler oder ich vergesse (wie hier) dass ich nur etwas anderes einbauen muss. Der neue Schnipsel ist perfekt, bereits eingebaut und vielen Dank dafür.

Endor

Hallo Artist.
Kein Problem.
Schön, dass es jetzt passt. :wink:
Mfg.
Endor

Artist

Endor: die Icons aus #2098 für ABP hatte ich schon drin und jetzt ist auch dein Code für "Fehler auf dieser Seite melden" eingebaut.
Frage: könnte man noch die Häkchen beim Anklicken von "Fehlerart wählen, Bildschirmfoto hinzufügen, Kommentar eingeben, Bericht absenden" durch Icons ersetzen oder sind die Häkchen fix?

Endor

Ich habe mir das mal angeschaut. Das wird etwas schwieriger werden.
Diese Haken sind nämlich teil vom Text selber. Ich weiß jetzt nicht ob man den Text auch per CSS ersetzen kann.
Da müssen wir auf Andreas warten, der ist aber erst wieder in ein paar Tage da.
Mfg.
Endor

Artist

Zitat von Endor

Gib mir etwas Zeit, dann schaue ich mir das gerne mal an

Soviel Zeit du willst, ich hab ja nur gefragt, denn wenn schon zupflastern dann auch ordentlich

Endor

Artist siehe bitte geänderten Beitrag oben. https://www.camp-firefox.de/forum/viewtopi…=867106#p867106
Mfg.
Endor

Artist

Alles klar, es soll ja nicht in Stress ausarten, war nur eine Frage.

Boersenfeger

Zitat von Artist

Wie sieht das bei euch aus

Gar nicht, da ich das Script UserScriptloader.uc.js nutze...
[attachment=0]2013-06-18_154111.png[/attachment]

Artist

Zitat von Boersenfeger

Gar nicht, da ich das Script UserScriptloader.uc.js nutze...

Hm, jetzt bin ich verwirrt, denn der Code betrifft die Icons von ABP und den hast du doch auch, jedenfalls lt. dieser Aussage:

Zitat von Boersenfeger

Mit Bild ist es klarer, ist ebenfalls übernommen...