Kontextmenü in Eingabefeldern

edvoldi

Der alte Code war von Endor

CSS

menuitem[label="Vollbild"][type="checkbox"] > .menu-iconic-left {
    -moz-appearance: none!important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACYUlEQVQ4y6WTPWhUQRSFv/v2vV13XaOYgGuyrvEHZNcUYqVgES0EKy0VsRYbwVZsrG3SiVYW6RUbtVALRUGRgKAYJJpIDFHMEvOSTd7OnbkWz2xES6eZywxn7rnnnIH/XDI+Pv6u2Ww2/r4ws3/qP89EhLGxsXtxq9Xav7i4VJyY/AIi6xAwAySvkd4DAhCUM6dGGRwcPBQjwrM377m/eJZ9/QV+/FS+fu9i6gmqmHq8V4ILHNydsLUiPH35huNHFwCIMKMQCYd3F7l9sUqtWqAsEWURygibgLIJJYPG9oQ714ap9cVEUYSZEZvl83xvK5dvLfN+OsNU8c4RnBKcJ/icycPnC1zsdEmXur2RYjAQ+DjbpST0qAf1OVgV75SgCt7z5MUPOmnW0ytngGDBYwbm18FKcA6vSnCKd56ga5j3oMq63DEYIhBcwGO9rkH9b7DPwW6VoB6XOYJziAhmRpRbI+zfGTHSiPHqCRp+O5Dvwa0RnJKtdLlwehdxIdcNIMqjIfRXhZtXBhgZLuJVMR8IXgmaEbziMsel83u4cbVJKdoIVIwZhvF6cplz11dZaGesdR3mHD5bxXdzyuYcdx985uGjT7TbKxsumBlHDh2gWHxOkiTr2SVby1hKU0qlEls2b84pi4AFtLuVanUbIkI8MTExOzo6uvdCq0mSJKTpMkmSUChErKysIiL09W0hBE8n65C5jE2FMt++zTM1NdWREydP11+9eHxsYGCgOTQ01KrX68ONRmNbrVarVCqVOIRAmqY6NzfXmZmeWZyemZ6dn5//0G63J3fU6m//9zfzC1Bve3w6m7ToAAAAAElFTkSuQmCC") !important;
    height:15px!important;
    padding-top:1px!important;
    padding-left:4px !important;}


    menuitem[label="Vollbild"][type="checkbox"] >.menu-iconic-text {
    padding-left:1px !important;}

Den habe ich jetzt geändert

CSS

menuitem[label="Vollbild"] {
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACYUlEQVQ4y6WTPWhUQRSFv/v2vV13XaOYgGuyrvEHZNcUYqVgES0EKy0VsRYbwVZsrG3SiVYW6RUbtVALRUGRgKAYJJpIDFHMEvOSTd7OnbkWz2xES6eZywxn7rnnnIH/XDI+Pv6u2Ww2/r4ws3/qP89EhLGxsXtxq9Xav7i4VJyY/AIi6xAwAySvkd4DAhCUM6dGGRwcPBQjwrM377m/eJZ9/QV+/FS+fu9i6gmqmHq8V4ILHNydsLUiPH35huNHFwCIMKMQCYd3F7l9sUqtWqAsEWURygibgLIJJYPG9oQ714ap9cVEUYSZEZvl83xvK5dvLfN+OsNU8c4RnBKcJ/icycPnC1zsdEmXur2RYjAQ+DjbpST0qAf1OVgV75SgCt7z5MUPOmnW0ytngGDBYwbm18FKcA6vSnCKd56ga5j3oMq63DEYIhBcwGO9rkH9b7DPwW6VoB6XOYJziAhmRpRbI+zfGTHSiPHqCRp+O5Dvwa0RnJKtdLlwehdxIdcNIMqjIfRXhZtXBhgZLuJVMR8IXgmaEbziMsel83u4cbVJKdoIVIwZhvF6cplz11dZaGesdR3mHD5bxXdzyuYcdx985uGjT7TbKxsumBlHDh2gWHxOkiTr2SVby1hKU0qlEls2b84pi4AFtLuVanUbIkI8MTExOzo6uvdCq0mSJKTpMkmSUChErKysIiL09W0hBE8n65C5jE2FMt++zTM1NdWREydP11+9eHxsYGCgOTQ01KrX68ONRmNbrVarVCqVOIRAmqY6NzfXmZmeWZyemZ6dn5//0G63J3fU6m//9zfzC1Bve3w6m7ToAAAAAElFTkSuQmCC") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;  
    padding-left:1px !important;}


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

edvoldi

Zitat von 2002Andreas

Endor, das liegt alles daran, das auch bei den deaktivierten Teilen ein Icon erscheinen soll, d.h. bei deinem base64 Code ist es entweder der Haken oder das Kreuz.
Ich finde bis jetzt keine Lösung den jeweiligen Zustand einzeln anzusprechen mit evt. 2 einzelnen Icons. :-??

Hallo Andreas
teste einmal das Icon

Code

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAABt0lEQVRIicXVyS8DUQDH8Rci6B9A4uTg4siEtrEmEtqmDUOraqodSq0TFynV6qqkxDJHonaVNLZYKpFIHJWqcOUoTv4Dy8+pIRGJ6Kjv8b3kfX63R0iSu5PL05NtClvjqoqvC8ic/4Krl5U8d2BC964RspkKa6LvuQhJ+Tm+qOT79tswc+OB73wYbFCLcq/EluiIH9WwqOB79lhMXbsxee1E62YTKn1S5LK5GYIhnSdMVUeY6fiCBxR8964REzEn/DEH2KAWZR7xi6C4+dhQag4zj9YzDoaQpj9+TgcUfNeOAf6rEYxf2WHcaESpu1hgPMxUmw+Zh7GIFVMxF3RB+kWzouynF2STndt6jEXt8F1a0bKuRomrSFicEEI0IU2maU8Hy2kvZm9H4YsMo2efBXdogjcyBM/lEPRrDZA6qVfB8XiqOZWoOUiDOzLBH3NgPGqD+8ICd8SC5tV6SEeotz/DP0ZQInpejvYtBp6LQTjOB6BbpiGxF/49Ho9yUaKa6Uro19TQLtVCbCtIHv55RJlXDLGt4DmPy/ufj4My54h+gz9JyvOjFJX23X2IkNT77OysxNYJ3Dt4tcgHfvOOWAAAAABJRU5ErkJggg==

.

2002Andreas

edvoldi ...

dein letzter Code funktioniert hier perfekt

[Blockierte Grafik: http://www10.pic-upload.de/thumb/24.02.12/la8jla3ymb43.jpg]

Endor

Zitat von edvoldi

andreas,
so sieht es jetzt bei mir aus:
[Blockierte Grafik: http://www10.pic-upload.de/24.02.12/k9un66seb22.jpg]

Das wir hier auch schon so. Hier wird das Bild auch beinahe doppelt angezeigt.

andreas
Ja ich habe auch schon überlegt ob wir die Bilddatei trennen sollten.

rotes kreuz:

Code

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACmElEQVR42mJgIAH8SEjmQuYDBBATjPG/pFweiLVxaoxP0v7/+1fq17BIO5gYQAAxwTQyMDM/+M/EdOVvfhGGAT/iErUZgHJMvLwT/v3+nfXJ118TJA4QQEwwjQzs7AwMHBwMIEW/M3PgBnyPTdBmYGS8wszDzcAmIsLAyscX/u/Xb7d3Tq5MAAHE+L+4jOP/v39fGTg5mRh5eRn+ffrE8O/DB4Z/P77r/Pv9h4ERZCMfL1ATP8OPp08Yfj5/8RdoO6fQ/j2/AQKIEWT637xCjv9//35h5ORkZgIq+vvxA8Of9+8Y/gM1MwMNZOXnY/jx5CnDjxcv/v7/85tHaP/eHyB9AAHECHPe7/RMjn9//n5h4uJiZhEUAJr4j4HhHwj/BdoI0vgSovHAvh8wPQABBA9t1pnTf/z//Zvn99u3/xh+/2VgePCAgeH+faAhQM3PX/z79/sXikYQAAggJmQO0C/KjIwMTAx//wCd8puB4c8fMGZkZmICBpIyeiwABBBc87eIaGCoMlxh5gSmgz9AjVJSQCwJ1szOz8/AzMJ85YWBEUo0AgQQ2M9fw6O0GZkYr7BwcYOiguH782cMP16+BIUqI4egEBO3lATDt+cvGL49e8bw6/MXHemb166C9AEEEBMwxWgzAuORBWgjKy83w/enkFAFOpMHGAbcX58+/fv53n0GLhFhBk5gPLOwsV55rKAEdgFAALEATRdjYmUBJrN/QI3PGb6/Aobq7z88IscOgwPnua4Bz5enT7/8//WLmZWbGxTvDMBoFQNKXQUIILCzP7h7OTKxsu77/ekjMFT/cIseP4ISqk9V1cHpgI2Xl/nHu3dOco8f7geJAwQQHL21tXd8bWHNgStjPJZX5HgkI+eILAYQYAAbCRgBoquAEwAAAABJRU5ErkJggg==

Grüner Haken:

Code

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAACBklEQVR42mL8//8/AyUAIICYGCgEAAFEMgpf5DcxaK5XPYwPEEDMpGgOW+g7UVxILI+LndNB1Ero150dD44ABBDRBoQu8AFrVpZXYODk4GL4+euXM78h7x+AAGIkRnPIfO+JYoKiQM2KDP+A8NqNmwz37z1k+PXzNydAAMEDMWt3vHP69phUdM3B87wnigqI5CnIyTP8+f+X4er1Gwx3bt//+/PHL85jTWd+AAQQ2AtZu+Jt/vz5u1yYSzBK2Uf+w8VV106CxIGBBbRZJE9RXh5s83WgzXfvPPj75/cfnhMt536A1AAEEGPmzji3v3/+zlMQkZNmZ2VnOHvjIkhB8e/ff2TEBIVL5IF+/g+0+cbN2wz37jwEaz7Zev4HzIUAAcSYuiWK89+f/9+EeYUYpEQlGb5+/8bw9OUzBmYmZgYxUVGG/0BP3roB1vzvz++/3KfaEJpBACCAwIEYszKY69/ff1+F+YUYZCSlGf79+8vw699vBgZgIr158w7DgzuP/gNdxHW6/cIP9DACCCBGpMDi+vcHaIiQEIOcnAzDH6Aht2/cZXhw99H/PyDNHRd/YIshgABCiUbPSU5gQ0RFRRh+//nN8PDuY7DmM52XfuCKYoAAwkgHDq2WXH///fv668evP0A/85ztuvQTXxoBCCCsyKzKkMuoVJedGLUAAcRIaXYGCDAAm/DgPXxbZtoAAAAASUVORK5CYII=

Mfg.
Endor

2002Andreas

@Endor......teste es doch bitte mal mit dem letzten Code von edvoldi

CSS

menuitem[label="Vollbild"] {
        -moz-binding:
        url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
        list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACYUlEQVQ4y6WTPWhUQRSFv/v2vV13XaOYgGuyrvEHZNcUYqVgES0EKy0VsRYbwVZsrG3SiVYW6RUbtVALRUGRgKAYJJpIDFHMEvOSTd7OnbkWz2xES6eZywxn7rnnnIH/XDI+Pv6u2Ww2/r4ws3/qP89EhLGxsXtxq9Xav7i4VJyY/AIi6xAwAySvkd4DAhCUM6dGGRwcPBQjwrM377m/eJZ9/QV+/FS+fu9i6gmqmHq8V4ILHNydsLUiPH35huNHFwCIMKMQCYd3F7l9sUqtWqAsEWURygibgLIJJYPG9oQ714ap9cVEUYSZEZvl83xvK5dvLfN+OsNU8c4RnBKcJ/icycPnC1zsdEmXur2RYjAQ+DjbpST0qAf1OVgV75SgCt7z5MUPOmnW0ytngGDBYwbm18FKcA6vSnCKd56ga5j3oMq63DEYIhBcwGO9rkH9b7DPwW6VoB6XOYJziAhmRpRbI+zfGTHSiPHqCRp+O5Dvwa0RnJKtdLlwehdxIdcNIMqjIfRXhZtXBhgZLuJVMR8IXgmaEbziMsel83u4cbVJKdoIVIwZhvF6cplz11dZaGesdR3mHD5bxXdzyuYcdx985uGjT7TbKxsumBlHDh2gWHxOkiTr2SVby1hKU0qlEls2b84pi4AFtLuVanUbIkI8MTExOzo6uvdCq0mSJKTpMkmSUChErKysIiL09W0hBE8n65C5jE2FMt++zTM1NdWREydP11+9eHxsYGCgOTQ01KrX68ONRmNbrVarVCqVOIRAmqY6NzfXmZmeWZyemZ6dn5//0G63J3fU6m//9zfzC1Bve3w6m7ToAAAAAElFTkSuQmCC") !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important; 
        padding-left:1px !important;}


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

Hier funktioniert er.

2002Andreas

Komischerweise funktioniert er NUR in meinem Testprofil.........im Hauptprofil ist er ganz anders.

CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);


menuitem[label="Vollbild"]{
-moz-binding: 
url("chrome://global/content/bindings/menu.xml#menu-menubar-iconic") !important; 
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACYUlEQVQ4y6WTPWhUQRSFv/v2vV13XaOYgGuyrvEHZNcUYqVgES0EKy0VsRYbwVZsrG3SiVYW6RUbtVALRUGRgKAYJJpIDFHMEvOSTd7OnbkWz2xES6eZywxn7rnnnIH/XDI+Pv6u2Ww2/r4ws3/qP89EhLGxsXtxq9Xav7i4VJyY/AIi6xAwAySvkd4DAhCUM6dGGRwcPBQjwrM377m/eJZ9/QV+/FS+fu9i6gmqmHq8V4ILHNydsLUiPH35huNHFwCIMKMQCYd3F7l9sUqtWqAsEWURygibgLIJJYPG9oQ714ap9cVEUYSZEZvl83xvK5dvLfN+OsNU8c4RnBKcJ/icycPnC1zsdEmXur2RYjAQ+DjbpST0qAf1OVgV75SgCt7z5MUPOmnW0ytngGDBYwbm18FKcA6vSnCKd56ga5j3oMq63DEYIhBcwGO9rkH9b7DPwW6VoB6XOYJziAhmRpRbI+zfGTHSiPHqCRp+O5Dvwa0RnJKtdLlwehdxIdcNIMqjIfRXhZtXBhgZLuJVMR8IXgmaEbziMsel83u4cbVJKdoIVIwZhvF6cplz11dZaGesdR3mHD5bxXdzyuYcdx985uGjT7TbKxsumBlHDh2gWHxOkiTr2SVby1hKU0qlEls2b84pi4AFtLuVanUbIkI8MTExOzo6uvdCq0mSJKTpMkmSUChErKysIiL09W0hBE8n65C5jE2FMt++zTM1NdWREydP11+9eHxsYGCgOTQ01KrX68ONRmNbrVarVCqVOIRAmqY6NzfXmZmeWZyemZ6dn5//0G63J3fU6m//9zfzC1Bve3w6m7ToAAAAAElFTkSuQmCC") !important;
        -moz-image-region: rect(0px 16px 16px 0px) !important;
        padding-left:1px !important;}


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

Alles anzeigen

edvoldi

Zitat von Endor

Ja ich habe auch schon überlegt ob wir die Bilddatei trennen sollten.

Hallo zusammen,
ich habe einfach das Kreuz aus dem Bild gelöscht, so wird statt des Kreuzes einfach eine weiße Fläche angezeigt.

Endor

Hallo Andreas.
Bei mir funktioniert das Vollbild Symbol bestens. Obiges Bild ist von edvoldi
nicht von mir. Wollte nur mal darauf hinweisen.
Mfg.
Endor

2002Andreas

Zitat von Endor

Bei mir funktioniert das Vollbild Symbol bestens.

Auch in Verbindung mit dem anderen Code mit dem Haken?
Bei mir geht er, also könntest du doch evtl. die paar falsch angezeigten Symbole bei dir austauschen :-??

edvoldi

Mit dem geändertem Code sieht es jetzt so aus:

[Blockierte Grafik: http://www10.pic-upload.de/24.02.12/ta4p7ajstpk.jpg]

Endor

Mit obigen code wird bei mir nur mehr das rote Kreuz angezeigt. :shock:

Ich muss mal in ruhe kontrollieren, was ich da alles habe.
Mfg.
Endor

2002Andreas

Zitat von Endor

Ich muss mal in ruhe kontrollieren

Bei mir auch so.......in einem Profil funktioniert es, im anderen nicht :-??
Kann natürlich sein das sich der eine oder andere Code in die Quere kommt.

edvoldi

Hier ist der Code mit dem Bild in dem NUR der grüne Haken vorhanden ist:
https://www.camp-firefox.de/forum/viewtopi…=784938#p784938

Endor

Ich habe jetzt mal nur den Code vom Vollbild und den neuen Code für die Haken und
Kreuze verwendet alles andere deaktiviert, aber es wird nur das rote Kreuz angezeigt.
Habe vorläufig hier den Teil für die Haken und Kreuze ausgeklammert.
Sollte sich da noch eine Lösung finden, wäre toll, aber es geht auch ohne.
Mfg.
Endor

2002Andreas

Zitat von Endor

Sollte sich da noch eine Lösung finden

Ich sagte ja schon, das Problem wird sein das auch ein Logo bei deaktiviert erscheinen soll. Ich habe es bis jetzt nicht geschafft dafür ein einzelnes Logo zu haben, nur in Verbindung mit deinem Code erscheint überhaupt eins.( das Kreuz )

edvoldi

Hallo zusammen,
ich habe jetzt aus dem Kreuz einen Punkt gemacht der ist nicht so aufdringlich.

[Blockierte Grafik: http://www10.pic-upload.de/25.02.12/op87js8gximl.jpg]
Und den Code für ABP in der Statusbar habe ich noch entfernt, der war doppelt.

Habe den aktuellen Code auch wieder in der Dropbox stehen.
Das beste daran ist das dieser Code auch in Thunderbird funktioniert.

2002Andreas

Zitat von edvoldi

das dieser Code

Welcher? :wink:

Boersenfeger

Wie lautet der Code? Ich würde den gerne nutzen, da hier das Ganze bislang nicht befriedigend aussieht...
[attachment=0]25-02-2012_143518.png[/attachment]

edvoldi

Zitat von 2002Andreas

Welcher? :wink:

Für Checkbox und Radio.
Wenn Du den gesamten Code für Thunderbird haben möchtest schicke ich Dir den Ink per PN.

edvoldi

Zitat von Boersenfeger

Wie lautet der Code? Ich würde den gerne nutzen, da hier das Ganze bislang nicht befriedigend aussieht...
[attachment=0]25-02-2012_143518.png[/attachment]

CSS

menuitem[checked="true"] > .menu-iconic-left{
       -moz-appearance: menuimage !important;
    }
     menuitem[type="checkbox"] .menu-iconic-icon {
       display:-moz-box !important;
    }


     menuitem[type="checkbox"] {
       -moz-binding:url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
       list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAACLElEQVRIie2U3UtTcRzGDzn1Zh7QuwwGFt0YlkGBlrPMWYqimTpfzmLtbI5puXKYHl9melRSNO0FIYIsMWE4RRMEISoosJysFYFCiYJ/QJFXdeOnqySaqSPQmz7Xz/N7nge+/AThPyFS0W/D2mdiV8Idd224xitxeu2UthXtbAnbPTOusQp6P7TT8caNfdBCbl32zpSw35apHnXQ/b6F7oCKdfgiZ1vTOFx8aNMCrwsu4D1wEF9e/tZFG0dqqPNcCxLKdySuesvpCah0+VuwDJeR3pxKovHIpo8+j93HoiiyotWyEB3DtE73d32T5zrOpzaaX7iofli5LizvM+McsdH1zk2n341lSOKMW09CSfym4S/zclkURdYEgTVBYFWjYUkUmTdkBPucEw6qxsvp8DXQE2hBflSK+YGRsv58LntkOueaaJ9rxDxkJK0pZcvlgiAIk/HxrGi16wW+h+3ha2Qks3FxwV7LkETlqIzy7Aq9H1Xa5uqpmLxE1ZQV1afQ5mvAPFjMqYYTWy7/xUxONgvRMaxqNPzQhPEtPJzlKJF5g2Fjv+WWCetgCVVTZm4G3HT4G1F9Cq1vFUyPC9ArSSQaE0K6+GmdjiVR5EtEBMtRWib2b7D+d6SeQkru52L3Sqiz9dyYqcU0UIheSdr28j/5lJnJq9i9fM7K2p7/nMtATncG0pMiigfOc1I5HvLyf8ZQc5r05lRSapM5Jh/dnS9XLyWjN6XsTvhO8xPi/Sn1tgdNswAAAABJRU5ErkJggg==") !important;
       -moz-image-region: rect(0px 32px 16px 16px) !important;
    }       


    menuitem[type="checkbox"][checked="true"]{
       -moz-image-region: rect(0px 16px 16px 0px) !important;
       }

Alles anzeigen