Kontextmenü in Eingabefeldern

  • Hier bestehen noch 2 Unschönheiten..
    1. Der Abstand
    und 2. Ein FavIcon mit entsprechenden Abstand.
    Mag wer mal basteln?
    [attachment=0]10-02-2012_123343.png[/attachment]

  • Hallo Boersenfeger

    Einmal testen Bitte:

    Werte eventuell wieder anpassen.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Vielen Dank bis hierhin...
    fand doch noch etwas Zeit,
    Mit kleineren Anpassungen bei den Werten siehts jetzt hübsch aus..
    fast... :|
    [attachment=2]11-02-2012_180940.png[/attachment]
    Das Icon und der Eintrag Rechtschreibung prüfen müssten noch nach rechts.

    Dieser Code

    CSS
    menu[label="Kürzlich geschlossene Tabs"]{
    -moz-binding:
    url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
    padding-left:4px !important;}
     
    menu[label="Kürzlich geschlossene Tabs"] >.menu-iconic-text{
    padding-left:10px !important;}


    passt im Hauptkontext- und Tabkontextmenü, zerbeamt es mir aber im Kontextmenü von Chronik
    [attachment=1]Chronik.png[/attachment]
    Ach ja, im Menü Hilfe habe ich noch gar keine Icons...
    [attachment=0]11-02-2012_182803.png[/attachment]
    Wäre nochmal jemand so nett?

  • Zitat von Boersenfeger

    zerbeamt es mir aber im Kontextmenü von Chronik


    Teste das bitte mal

    [Blockierte Grafik: http://www10.pic-upload.de/thumb/11.02.12/sffqult7ljmg.jpg]

  • Und das bitte auch

    CSS
    menu [label="Informationen zur Fehlerbehebung"] {
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADLUlEQVQ4jWWTS2hUZxzFf99377yTmel0mkfrGA2tlthK8UFpJxXyonThTloxorVQLNloKbiWLFINuumicWGhYtG2FiIuzCLQdiAiSmgXoaDBBHHMJDOTmUkmuTNz7zd3vi40IaVnd+Ccwx/+5witNVvxZSKRei0W2y4RIAQAWjfQQDafn/8hk+nbqje3ki/a26e+v3Yt6fc1AQZIA9CAAqmpWFbH5y0tf/yYy/VseMTGBSfi8amxsbFkaHoa3Ab4gi8CpAahQSnweil3demh06dTPxWLPZsBRyORqe8uX062pFIsrq+zGArxrtZ4mptASBzLYkZKttk2rbEYmf379ddnzqR+WVvrMWYuXUoNnz//ke/OHdKFApXjx3l9aIj5+/cJz85SKxSY7ewkMTxMVimK9+7hT6fF+ydPdnzV29ttvBcIDO9aWooUczk8hw6x99w5Qk1NBLu7+SeVotDSwtujo0SjUVr37SPz4AHFmRnU3Jx4mM1qUzmO+9fqKsF6nfjdu0QOHGDn4CDhaJSD16+DEEgpAXh+9SrFyUnKWlNfW6OhlGsqrfm7WiXeaFC2LKyzZ6mWSiROndo0uq7L4pUrzF68yJrHQ0FKykJQ1xqz0WiQy2apao0jBGXHwZyYIHT4MNIwQAjqtRoPJybILS9je70sac2qEDS0Rkoh2KUUO5Si2XFo7e9n78i3rFcqVByFZdtUHMWe0VE8HyapOg4BpXhVKRACo8vn++agEJFm16Wjr489IyM4jgMeD/WbN3EfP6b21pvYtRqtA/2IR4/wpdPE/X7mpSyZwraNXCzmvlOtGq+USoTyeVbf2EbT+DgrFy4gTZOIabIwMEB8bp4dKysUm5uZDoZsuZz3C601Rzyehd729rYPymXp372bcDKJc+MGxoumgWliHjuGNTmJ8/Qpv4fD9p+ZTP63ej2xWeVPvd6FI4lE28dKSa0U3mAQQwiEEGjXpW5ZCJ+Pca/Xvv3sWf6W4yT+swWAz/z+hcHOzrZPtJYeIeDlG7XW1LXmthDOrSdPcr/aduJ/Y9rA0UDgeSQet7wvpyqEwNUaBRTz+cDPtdr2rfp/AYkFe80/+csxAAAAAElFTkSuQmCC") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:2.5px !important;}
    
    
    menu [label="Informationen zur Fehlerbehebung"]>.menu-iconic-text{
    padding-left:6px !important;}
    CSS
    menuitem[label="Mit deaktivierten Add-ons neu starten…"]{
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
    list-style-image: url("file:///C:/Users/Andreas/Icons%20Firefox/objects_022.gif") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    padding-left:4px !important;}
    
    
    menuitem[label="Mit deaktivierten Add-ons neu starten…"]>.menu-iconic-text{
    padding-left:4px !important;}
    CSS
    menuitem[label="Über Aurora"]{
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important; 
    list-style-image: url("file:///C:/Users/Andreas/Icons%20Firefox/Fx.gif") !important;
    padding-left:3px !important;}
    
    
    menuitem[label="Über Aurora"]>.menu-iconic-text{
    padding-left:5px !important;}
  • Hallo Boersenfeger

    Hier noch der Code für Rechtschreibung prüfen:

    CSS
    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="false"] > .menu-iconic-left {
    -moz-appearance: none!important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAADHElEQVR42mL8//8/AyUAIIBYGBkZccmxAfEvJD4vEH9l4mT4Z3CPgYFLgoFF/Ql3IkAAsSApEAfiRUBcA8TcQBwDxK+AeBYQpwIxKxCv42BnOKH+jJGB+Td7CdA4TYAAQjbAG4gVgdgFiJ8BsQ4QvwXiMCBWAOJYBkYg7GFg+CHCZsZzhrmFUZEhAiCAmKCaQab7A/FhIHYAYg0g/g3Ef4D4HxDzAXEgMxuDhLUyp9rva8wrvzEy3PzL8GczQACxAAUZ/v5iYIE6fxsQm0P9+wbqhZVAfImRicFIJ4rtm/AXps6vL/4r8Cj+C///+d9PgABi9JzAzfD17V+Ga2t/MXx9+Z/h+1ukWAGGr4IlMwO/EiODoAaLqKge87afb/6b/Bf9v/eD9D93oNv+AgQQC588AyOfErOdgCb7sR+f/v1+fuwfw5fn/xnYgS7jU2NiUDJlYmDmZzT9849x3s/P/3UYeBi+M//7WcH/5N9fkAUAAcTy6c///yy/GbKYmRiTWDkYipRcWd7+//efgQPo85+MDGw//zOlMn1jaGVkYeBnZWVk+MD9t+iNBOMZRpCvgQYABBDLR9Z/DJzfGNaJcDKvYGRhsvr54f+a/38ZLgLTlyQzD2MoCz+DJRNQLdN/JoYvT/+sYH/xc4bMQyAf6EKgOgaAAGJ0m87E8O/nfzYeXp5NkupC7t//fGH4/v07UMU/sCIWJlYGHlZBhpfPPz78+vGTLTPn/8cM3xgY3l1kYHh0hIEBIIAYJVcBA0sfFGBMYnbnZdcZ6+hY/2b+zvDt11egFf8YuNkFGJ7eefZnP8sN77dKf3f9OAiM29nAJHkKEs4AAcT8ZRcDwxegk76I/v/KdffTZuZPLCqaCoaaSiI6DBI8SgxfP/1gOHXoeNGXc7+XvZvOwPBxGjCBPEVEFEAAoSAOQWB6NmJgsMwUyavfHvRq85vW/96N8nOEVRkYWHDoAQggRihmgWYeVij7H7sIg7GSkYDPvZMflv/8CE7a/6GZ6xc0lYJpgAACaWaCamSHGsIBpUFJGBjOwJiHAJjmn0j4F0CAAQDFaf41rlrpHQAAAABJRU5ErkJggg==")no-repeat !important;
    height:15px!important;
    padding-top:1px!important;
    margin-left:5px !important;}
    
    menuitem[label="Rechtschreibung prüfen"][type="checkbox"][checked="false"] >.menu-iconic-text{
    padding-left:8px !important;}

    Den in meinem Script bereits vorhandenen Code für Rechtschreibung prüfen bitte löschen.

    Wert bei padding musst Du eventuell noch für Dich anpassen.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (11. Februar 2012 um 21:26)

  • Hallo @Endor...ich habe mir den letzten Code auch mal erlaubt zu speichern und etwas zu verändern...Danke :klasse:

    [Blockierte Grafik: http://www10.pic-upload.de/thumb/11.02.12/b1w8t2e1w7fk.jpg]

  • Hallo Andreas.
    Aber gerne. Sieht sehr gut aus. Muss ich auch gleich mal testen.
    Die schwarzen Haken störten mich schon länger. :D
    Vielen Dank !
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Du müsstest den Grafik Code nochmal ersetzen.
    Bei meinem steht oben noch ABC drinnen.


    Hier einen ohne ABC:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    2 Mal editiert, zuletzt von Endor (18. Januar 2017 um 12:38)

  • Hallo Andreas.
    Dachte mir schon, dass Dir das durch den Schwarzen Hintergrund auf Deinem Bild,
    bzw. in Deinem Firefox, nicht gleich auffällt. Daher mein obiger Hinweis.
    Freut mich wenn es gefällt.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • So, habe nun auch dies.. :D
    [attachment=2]Chronik-Menü.png[/attachment]
    [attachment=1]Hilfe-Menü.png[/attachment]
    Danke dafür... :)
    Und schon habe ich die nächste Frage:
    Im Menü Lesezeichen habe ich mit diesem Code den Ordnern ein eigenes Lesezeichen gegeben:

    CSS
    /* Lesezeichenordner im Menü mit eigenem ICON versehen*/
    
    
    .bookmark-item[container="true"]{
    list-style-image: url("file://E:/Tools/icons/icondateien/Ordnersymbole/25.ico") !important;
    -moz-image-region: rect(0px 16px 16px 5px) !important;
    }


    Wie auf diesem Bild zu sehen, beträgt der Abstand aus Endors Code, zwischen dem Icon und der Beschreibung "Alle Lesezeichen anzeigen" einige Pixel.
    [attachment=0]Lesezeichen-Menü.png[/attachment]
    Wie muss mein obiger Code lauten, damit der Abstand auch zwischen dem Ordner Icon und dem Ordnernamen hergestellt wird?

  • Teste das bitte mal...

    CSS
    #PersonalToolbar toolbarbutton[class="bookmark-item"][type="menu"], 
    menu[container="true"],[class="menu-iconic bookmark-item"]{
    list-style-image: url("file://E:/Tools/icons/icondateien/Ordnersymbole/25.ico") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    }

    Es ist schon dein Bild eingefügt.

  • Vielleicht laufen hier auch zu viele Codes
    z.B. auch dieser:

    Code
    #subscribeToPageMenupopup,menuitem[label="Diese Seite abonnieren"] {
                display:none!important}
    
    
        #bookmarksMenuItemsSeparator,
        #organizeBookmarksSeparator,
        #bookmarksToolbarSeparator{       
        display:none}

    und Erweiterungen... z.B. MenuEditor Damit habe ich viele Einträge in vielen Menüs ausgeblendet. Mag jetzt aber nicht testen, ob die daran schuld ist. Zur Not verzichte ich lieber auf die gewünschte Anzeige... Danke für deine Mühe!