Alle Rechts-Klick-Popups Farbig machen und Icon's setzen

2002Andreas

Zitat von omar1979

alles so nacheinander gemacht, wie es im Popups ist.

Dann findest du auch schneller mal den richtigen Eintrag wenn nötig.

omar1979

Zitat von 2002Andreas

dann auswählen, was mit den Tabs passieren soll.

achso sry.. hab das im bild nicht richtig gesehen..

Jetzt ist die Frage ob ich es machen soll oder nicht..

Zitat von 2002Andreas

Eintrag wenn nötig.

Ja und die Icons hab ich auch fast gleich benannt..

2002Andreas

Zitat von omar1979

ob ich es machen soll oder nicht..

Was machen oder nicht

omar1979

Zitat von 2002Andreas

Was machen oder nicht

das mit alle ablösen und so.. oder alle abwählen.. keine Ahnung mehr

2002Andreas

Zitat von omar1979

das mit alle ablösen und so.. oder alle abwählen

Hast du denn welche angepinnt?

omar1979

Zitat von 2002Andreas

Hast du denn welche angepinnt?

Ich hab nur die Erweiterung "OneTab" angepinnt.. Aber ich hatte ja vor wenn mit der Code fertig bin alles hier in Forum zu stellen. Jetzt frag ich mich ob andere das gebrauchen können..

2002Andreas

Zitat von omar1979

ob andere

Wenn du den Code für (alle) machen willst, dann sollten die Einträge/Icons auch vorhanden sein.

Du kannst es ja dann in deinem Code wieder auskommentieren.

omar1979

Zitat von 2002Andreas

die Einträge/Icons auch vorhanden sein.

Die Icons hab ich in einem Ordner "Rechtsklick-Icons" im chrome-Ordner.

2002Andreas

Zitat von omar1979

Die Icons hab ich

Ja schön.

Ansonsten:

Zitat von 2002Andreas

Wenn du den Code für (alle) machen willst, dann sollten die Einträge/Icons auch vorhanden sein.

omar1979

Zitat von 2002Andreas

Ansonsten:

Ja mach es auch so:

CSS

    #context_pinSelectedTabs::before,
    #context_pinTab::before{
    background: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/context_pinTab.png") !important;
    margin-right: 3px !important; 
    margin-left: -6px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;}
    
    #context_unpinSelectedTabs::before,
    #context_unpinTabs::before,
    #context_unpinTab::before{
    background: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/context_unpinTab.png") !important;
    margin-right: 3px !important; 
    margin-left: -6px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;}

Alles anzeigen

muss glaub noch beim *Stummschalten* und *stummschalten aufheben* auch machen oder evtl. noch paar andere Orte..

Habs glaub ich ausgelassen.

omar1979

Hello..

Was muss ich machen, damit das Original-Icon nicht angezeigt wird?

Beispiel in dieser Code?

CSS

    #toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{
    background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/true.png") !important;
    margin-right: 3px !important; 
    margin-left: -6px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 5px !important;}

    #toggle_toolbar-menubar[checked="false"]>.menu-iconic-left{
    background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/false.png") !important;
    margin-right: 3px !important; 
    margin-left: -6px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 0px 5px !important;}

Alles anzeigen

Und kann man bei dem Menü Ansicht und bei dem Rechtsklick auf Menübar oder Toolbar für das "Menüleiste" nicht 2 separate Icons nehmen? Oder hat "Menüleiste" nur die Regel "#toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{"?

Danke.

Dharkness

Zitat von omar1979

damit das Original-Icon nicht angezeigt wird?

Ich habe das ↓ dafür verwendet.

CSS

menuitem#toggle_toolbar-menubar[checked="true"] > .menu-iconic-left {
    list-style-image: none !important;
}

omar1979

Zitat von Dharkness

Ich habe das ↓ dafür verwendet.

Danke dir.

Zitat von omar1979

Und kann man bei dem Menü Ansicht und bei dem Rechtsklick auf Menübar oder Toolbar für das "Menüleiste" nicht 2 separate Icons nehmen? Oder hat "Menüleiste" nur die Regel "#toggle_toolbar-menubar[checked="true"]>.menu-iconic-left{"?
Danke.

und zu dem hast du keine Antwort?

grisu2099

Teste bitte:

CSS

#menu_bookmarksSidebar:not([checked="true"]) {
    background: url("file:///F:/FIREFOX-ICONS/Icons/Lesezeichen.png") no-repeat 5px 4px !important;
    }
#menu_bookmarksSidebar[checked="true"] {
    background: url("file:///F:/FIREFOX-ICONS/Icons/checkmark.png") no-repeat !important;
    }

Dir Abstände mußt du dir evtl. anpassen.

Es gibt noch eine zweite Möglichkeit:

CSS

menuitem[checked="true"] > .menu-iconic-left {
    background: url("file:///F:/FIREFOX-ICONS/Icons/checkmark.png") no-repeat !important;
    height: 16px !important;
    }

Hiermit wird bei allen Menüeinträgen vom Typ "Checkbox" oder "Radio" das Icon gesetzt!

Dann brauchst du für das wechselnde Icon den entsprechenden Menüeintrag nur noch einmal mit dem Icon ansprechen, daß du verwenden willst.

omar1979

funken leider beide nicht. Danke.

2002Andreas

Zitat von omar1979

funken leider beide nicht

Teste bitte:

CSS

menuitem:not([checked="true"]) {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/Bild63.png") no-repeat !important;
  background-position: 10px 9px !important;
 }

menuitem[checked="true"] > .menu-iconic-left  {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/check.png") no-repeat !important;
 }

menuitem[checked="true"] > .menu-iconic-left {
  list-style-image: none !important;
}

Alles anzeigen

2002Andreas

Damit wären noch weitere Boxen angesprochen:

CSS

menuitem[type="radio"]:not([checked="true"]),
menuitem[type="checkbox"]:not([checked="true"]) {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/Bild63.png") no-repeat !important;
  background-position: 10px 9px !important;
}

menuitem[type="radio"][checked="true"],
menuitem[type="checkbox"][checked="true"]   {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/check.png") no-repeat !important;
  background-position: 10px 9px !important;
}
menuitem[type="radio"][checked="true"] > .menu-iconic-left,
menuitem[type="checkbox"][checked="true"] > .menu-iconic-left {
  list-style-image: none !important;
}

Alles anzeigen

omar1979

Ich glaube ich drücke mich nicht richtig aus.

Diese Code funkt auch nicht.

Naja macht nichts.. Weiter testen..

Im Bild sieht man: Menubar -> Ansicht -> Symbolleisten -> Menüleiste und ganz rechts Rechtsklick auf Menübar wieder Menüleiste. Meine Frage: Kann man das so machen, dass man für beide ein anderes Icon nehmen kann? Eigentlich will ich nur beide anders "Nennen" im "Ansicht.css" und im "Rechtsklick-Popups" Das gilt natürlich auch für die Anderen wo dort sind. Beispiel: Immer anzeigen. Lesezeichen-Symbolleiste oder Symbolleiste anpassen... usw...

grisu2099

Zitat von omar1979

Ich glaube ich drücke mich nicht richtig aus.

Das glaube ich momentan auch...

Den Weg, dort die Icons zu ändern, kennst du.

Den Weg, dort den Text zu ändern, kennst du auch.

Wo ist jetzt dein Problem?

2002Andreas

Zitat von omar1979

Diese Code funkt auch nicht.

Selbstverständlich funktioniert mein Code, siehe Screenshot dazu.

Zitat von omar1979

für beide ein anderes Icon nehmen kann?

Ja.

Der Name lautet lautet jeweils:

data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2

Und dann musst du eben den genauen Pfad davorsetzen.

CSS

#viewToolbarsMenu menuitem[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"] {
  color: red !important;
  background: url("file:///C:/Users/Andi/Icons%20Firefox/Bild63.png") no-repeat !important;
  background-position: 10px 9px !important;
}

#toolbar-context-menu menuitem[data-l10n-id="toolbar-context-menu-bookmarks-toolbar-always-show-2"] {
  color: blue !important;
  background: url("file:///C:/Users/Andi/Icons%20Firefox/check.png") no-repeat !important;
  background-position: 10px 9px !important;
}

#viewToolbarsMenu menuitem[checked="true"] > .menu-iconic-left,
#toolbar-context-menu menuitem[checked="true"] > .menu-iconic-left {
  list-style-image: none !important;
}

Alles anzeigen