Menü Ansicht anpassen

omar1979

Hallo allen..

Kann man hier beim Menü > Ansicht > Leseansicht öffnen und Leseansicht beenden 2 verschiedene Icons nehmen?

Hier meine Code, funkt aber nur mit einem Icon.

CSS

  menuitem[id="menu_readerModeItem"]:not([checked="true"], [icon], .menuitem-iconic){
    background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/reader-modeNo.png") !important;
    margin-right: 3px !important; 
    margin-left: -32px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 8px 3px !important;
    padding-left: 32px !important;}

Alles anzeigen

Danke im Voraus.

Auch mit diesem Code werden für beide sofort das gleiche Icon übernommen:

CSS

  menuitem[id="menu_readerModeItem"] {
    background-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Rechtsklick-Icons/reader-modeNo.png") !important;
    margin-right: 3px !important; 
    margin-left: -32px !important;
    content: '' !important;
    display: block !important;
    width: 19px !important;
    height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 8px 3px !important;
    padding-left: 32px !important;}

Alles anzeigen

2002Andreas

Zitat von omar1979

Leseansicht öffnen und Leseansicht beenden 2 verschiedene Icons nehmen?

Teste bitte:

CSS

menuitem[label="Leseansicht öffnen"]::before {
  margin-right: 3px !important; 
  margin-left: -8px !important;         
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 1px !important;
  background-size: 15px 15px !important;
}

menuitem[label="Leseansicht beenden"]::before {
  margin-right: 3px !important; 
  margin-left: -8px !important;         
  content: '' !important;
  display: block !important;
  width: 19px !important;
  height: 15px !important;
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/folder-green.png") !important;
  background-repeat: no-repeat !important;
  background-position: 0px 1px !important;
  background-size: 15px 15px !important;
}

Alles anzeigen

omar1979

Zitat von 2002Andreas

Teste bitte:

Danke. Hat diese Code aber keine Wirkung auf das Leseansicht-Icon im Url-bar? Für dort hab ich eine separate Code und Icons.

2002Andreas

Zitat von omar1979

keine Wirkung auf das Leseansicht-Icon im Url-bar?

Nein.

Danach hattest du ja auch nicht gefragt.

Das sind 2 völlig unterschiedliche Codes dann:

Teste wieder:

CSS

#reader-mode-button > .urlbar-icon {
  list-style-image: none !important;        
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/folder-green.png") !important;
  background-repeat: no-repeat !important;
}

#reader-mode-button[readeractive] > .urlbar-icon {
  list-style-image: none !important; 
  background-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
  background-repeat: no-repeat !important;
}

Alles anzeigen

omar1979

Zitat von 2002Andreas

Teste wieder:

Danke für dort hab ich es schon.

Zitat von 2002Andreas

Danach hattest du ja auch nicht gefragt.

Stimmt hab ich nicht gefragt, sorry.

2002Andreas

Zitat von omar1979

dort hab ich es schon.

Ergänzend:

Der Eintrag unter Ansicht ist ein menuitem, der in der Urlbar (nur) ein Icon.

Darum stören sich beide nicht.

omar1979

Zitat von 2002Andreas

Ergänzend:
Der Eintrag unter Ansicht ist ein menuitem, der in der Urlbar (nur) ein Icon.
Darum stören sich beide nicht.

Danke für die Erklärung.

2002Andreas

Zitat von omar1979

menuitem[id="menu_readerModeItem"]

Da ich das schon mehrmals so bei dir gesehen habe.

Das ist die Kurzform dafür:

#menu_readerModeItem

Die # gilt als ID Bezeichnung.

Menü Ansicht anpassen

omar1979 27. Dezember 2021 um 17:52

Ähnliche Themen

Addons-Manager anpassen

Addons Manager Code anpassen

Fehlende Icons in der Datei, Bearbeiten, Chronik und Extras

Tab anpassen mit Linien und Form eckig

Ansicht "Erweiterungen verwalten"