Navigations-Leiste Anpassungen

omar1979

Hallo allen

Ich bin dabei, Anpassungen an der Navigations-Leiste zu unternehmen..

Jetzt suche ich den Begriff für "Firefox erkannte Scripte zur Aktivitätenverfolgung auf dieser Seite".

Kennt jemand eine Seite, die sowas macht und ich es anschauen kann?

Oder was muss ich da machen um den Begriff herauszufinden?

Den Begriff für "Firefox erkannte keine Scripte zur Aktivitätenverfolgung auf dieser Seite" habe ich gefunden.

CSS

/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/protect.png") !important;
}

Hier könnte ich auch nur #tracking-protection-icon { nehmen, das ist aber ein anderes Thema.

Danke im Voraus.

2002Andreas

Zitat von omar1979

Kennt jemand eine Seite,

Meinst du sowas

https://mediathekviewweb.de/#future=false

omar1979

Zitat von 2002Andreas

Meinst du sowas

Sieht nicht so aus:

Ich brauche eine Seite die Scripte die Aktivitäten verfolgt.

Ahhh... ich habs glaub ich..

Sören Hentzschel

Hier findest du Testseiten:

https://senglehardt.com/test/trackingprotection/test_pages/

omar1979

Das wäre es:

CSS

/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/protect.png") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box[hasException] > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/protectNo.png") !important;
}

Zitat von Sören Hentzschel

Hier findest du Testseiten:

https://senglehardt.com/test/trackingprotection/test_pages/

Danke dir, habs aber gefunden.

2002Andreas

Zitat von omar1979

Das wäre es:

Damit wird hier immer das gleiche Icon angezeigt

Mit meinem Code nicht:

CSS

/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon{
  list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/ClassicTRoptions.ico") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/Andi/Icons%20Firefox/application_form_edit.png") !important;
}

omar1979

Ich hab hier auf https://www.camp-firefox.de/forum/ungelesene-beitraege/

das hier DEAKTIVIERT und die Bezeichnung so gefunden.

omar1979

Zitat von 2002Andreas

Damit wird hier immer das gleiche Icon angezeigt

Mit meinem Code nicht:

Danke. Hab jetzt deine Code genommen.

Mir ist aber aufgefallen, dass auf der Webseite, die Sören Hentzschel oben angegeben hat, nicht alles blockiert wird.

grisu2099

Zitat von omar1979

Mir ist aber aufgefallen, dass auf der Webseite, die Sören Hentzschel oben angegeben hat, nicht alles blockiert wird.

Die Seite soll ja auch zum Testen dienen - da brauchst du halt auch Sachen, die nicht blockiert werden...

Ergänzung: Du kannst dir ja auch mal diese Seite ansehen: badssl.com

Da gibts noch mehr zum Spielen...

omar1979

Hallo allen..

Ich brauch wiedermal eure Hilfe.

Hab jetzt nach meiner Ansicht, mein CSS für die Nav-bar und Url-bar fertig.

Nur wenn ich beim HamburgerMenü-Button, Back-Stop-Forward-Buttons die Hoverfarbe ändere funkt es nicht.

Sieht so aus, dass ich aus der Übung bin.

So sieht dann der Hover aus: also nicht ganz grün sondern so glänzend.

Und hier meine Code:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

/* Navigation-Leiste Farbe ändern */
#nav-bar {
  background-color: red !important;
  color: white !important;
}
  
/* Adress-Bar Farbe ändern */
#urlbar-input-container {
  background-color: green !important;
  color: white !important;
  border: 3px yellow !important;
  border-style: dotted !important;
}
  
/*Back-, Forward und Reload-Button-Icon ändern*/
#back-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arbackN.png") !important;
  transform: scale(1.4, 1.4) !important;
}
#reload-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arfresh12.png") !important;
  transform: scale(1.4, 1.4) !important;
  margin-bottom: 3px !important;
}
#stop-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/ajax-loaderRot2.gif") !important;
  transform: scale(1.4, 1.4) !important;
}
#forward-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arforwardN.png") !important;
  transform: scale(1.4, 1.4) !important;
}
#stop-button .toolbarbutton-animatable-image,
#reload-button .toolbarbutton-animatable-image {
  display: none !important;
} 

/* Url-bar Such-Icon ändern */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/suchen.png") !important;
}
  
/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protect.png") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protectNo.png") !important;
}
#tracking-protection-icon-container:hover {
  background-color: blue !important; 
}

/* WebSeite Infos Icon ändern */
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/security.png") !important;
}
#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/securityNo.png") !important;
}
#identity-icon-box:hover {
  background-color: blue !important;
}

/* Berechtigungen Icon ändern */
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlockNo.png") !important;
  transform: scale(1.0, 1.3) !important;
}
#permissions-granted-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/permissions.png") !important;
  transform: scale(1.0, 1.3) !important;
}
.desktop-notification-icon.blocked-permission-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlock.png") !important;
  transform: scale(1.0, 1.0) !important;
}
#identity-permission-box:hover {
  background-color: blue !important; 
}
#blocked-permissions-container > .blocked-permission-icon {
  color: yellow !important;
  transform: scale(1.0, 1.1) !important;
}

  
/* Lese-Ansicht einschalten Icon ist weiss */
#reader-mode-button:not(readeractive) > .urlbar-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-modeNo.png") !important;
  transform: scale(1.6, 1.6) !important;
}
/* Lese-Ansicht ausschalten Icon ist gelb */
#reader-mode-button[readeractive] > .urlbar-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-mode.png") !important;
  transform: scale(1.6, 1.6) !important;
}
#reader-mode-button[class="urlbar-page-action"]:hover {
  background-color: blue !important;
}

/* Lesezeichen hinzufügen Icon weiss */
#star-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/FavNo1.png") !important;
  transform: scale(1.4, 1.6) !important;
}
/* Lesezeichen bearbeiten Icon gelb */
#star-button[starred="true"] {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/Fav.png") !important;
  transform: scale(1.4, 1.6) !important;
}
#star-button-box:hover {
  background-color: blue !important;
}

/* Hamburger-Menü Icon ändern */
#PanelUI-menu-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/armenu.png") !important;
  transform: scale(1.6, 1.6) !important;
}
#PanelUI-button:hover {
  background-color: green !important;
}

Alles anzeigen

Danke im Voraus für eure Hilfe.

2002Andreas

Zitat von omar1979

HamburgerMenü-Button

Meinst du das so?

Wenn ja, dann teste bitte:

CSS

#PanelUI-menu-button {
  --toolbarbutton-hover-background: green !important;
}

/* Hamburger-Menü Icon ändern */
#PanelUI-menu-button .toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/armenu.pn") !important;
  transform: scale(1.6, 1.6) !important;
}

omar1979

Zitat von 2002Andreas

Wenn ja, dann teste bitte:

Tiptop danke 2002Andreas

Jetzt fehlen noch der Hover für Back-, Reload- und Forward-Button.

Erledigt.

Thx

2002Andreas

Zitat von omar1979

Jetzt fehlen noch

Brauchst doch nur die ID zu tauschen jeweils.

CSS

#reload-button {
  --toolbarbutton-hover-background: green !important;
}

#reload-button .toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/Andi/AppData/Roaming/Mozilla/Firefox/Profiles/52yvvqfz.Neu/chrome/Icons/Hilfe8.png") !important;
}

omar1979

Zitat von 2002Andreas

Brauchst doch nur die ID zu tauschen jeweils.

Habs es schon erledigt es ist aber im oberen Eintrag von mir erschienen.

Danke dir.

Hier noch meine ganze Navi- und Url-leiste css-code.

Ich hoffe hab nichts vergessen.

Falls jemand es testet und etwas merkt das vergessengegangen ist, kann es mir gerne melden.

Besten Dank.

Und so sieht es aus:

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

/* Navigation-Leiste Farbe ändern */
#nav-bar {
  background-color: red !important;
  color: white !important;
}
  
/* Adress-Bar Farbe ändern */
#urlbar-input-container {
  background-color: green !important;
  color: white !important;
  border: 3px yellow !important;
  border-style: dotted !important;
}
  
/*Back-, Forward und Reload-Button-Icon ändern*/
#back-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arbackN.png") !important;
  transform: scale(1.4, 1.4) !important;
}
#reload-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arfresh12.png") !important;
  transform: scale(1.4, 1.4) !important;
  margin-bottom: 3px !important;
}
#stop-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/ajax-loaderRot2.gif") !important;
  transform: scale(1.4, 1.4) !important;
}
#forward-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arforwardN.png") !important;
  transform: scale(1.4, 1.4) !important;
}
#stop-button .toolbarbutton-animatable-image,
#reload-button .toolbarbutton-animatable-image {
  display: none !important;
} 
#back-button:hover,
#reload-button:hover,
#stop-button:hover,
#forward-button:hover{
  --toolbarbutton-hover-background: green !important;
}

/* Url-bar Such-Icon ändern */
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/suchen.png") !important;
}
  
/* Scripte zur Aktivitätsverfolgung Icon ändern */
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protect.png") !important;
}
#urlbar-input-container[pageproxystate="valid"] > #tracking-protection-icon-container > #tracking-protection-icon-box:not([hasException])[active] > #tracking-protection-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/protectNo.png") !important;
}
#tracking-protection-icon-container:hover {
  background-color: blue !important; 
}

/* WebSeite Infos Icon ändern */
#identity-box[pageproxystate="valid"].verifiedDomain #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveBlocked #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/security.png") !important;
}
#identity-box[pageproxystate="valid"].notSecure #identity-icon, #identity-box[pageproxystate="valid"].mixedActiveContent #identity-icon, #identity-box[pageproxystate="valid"].httpsOnlyErrorPage #identity-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/securityNo.png") !important;
}
#identity-icon-box:hover {
  background-color: blue !important;
}

/* Berechtigungen Icon ändern */
.popup-notification-icon[popupid="web-notifications"], .desktop-notification-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlockNo.png") !important;
  transform: scale(1.0, 1.3) !important;
}
#permissions-granted-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/permissions.png") !important;
  transform: scale(1.0, 1.3) !important;
}
.desktop-notification-icon.blocked-permission-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/PermissionBlock.png") !important;
  transform: scale(1.0, 1.0) !important;
}
#identity-permission-box:hover {
  background-color: blue !important; 
}
#blocked-permissions-container > .blocked-permission-icon {
  color: yellow !important;
  transform: scale(1.0, 1.1) !important;
}

  
/* Lese-Ansicht einschalten Icon ist weiss */
#reader-mode-button:not(readeractive) > .urlbar-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-modeNo.png") !important;
  transform: scale(1.6, 1.6) !important;
}
/* Lese-Ansicht ausschalten Icon ist gelb */
#reader-mode-button[readeractive] > .urlbar-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/reader-mode.png") !important;
  transform: scale(1.6, 1.6) !important;
}
#reader-mode-button[class="urlbar-page-action"]:hover {
  background-color: blue !important;
}

/* Lesezeichen hinzufügen Icon weiss */
#star-button {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/FavNo1.png") !important;
  transform: scale(1.4, 1.6) !important;
}
/* Lesezeichen bearbeiten Icon gelb */
#star-button[starred="true"] {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/Fav.png") !important;
  transform: scale(1.4, 1.6) !important;
}
#star-button-box:hover {
  background-color: blue !important;
}

/* Hamburger-Menü Icon ändern */
#PanelUI-menu-button .toolbarbutton-icon {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/armenu.png") !important;
  transform: scale(1.3, 1.3) !important;
}
#PanelUI-menu-button {
  --toolbarbutton-hover-background: green !important;
}

Alles anzeigen

Heinrich

.

Ich hätte zu dem Thema Schutzmaßnahmen POPup auch noch eine Frage oder Bitte !

ist es möglich in dem PopUp das Wort AKTIVIERT in GRÜN und das Wort DEAKTIVIERT in ROT darzustellen ?

Für Hilfe wäre ich sehr Dankbar............

2002Andreas

Nur für das eine Wort kann ich dir nicht sagen, aber jeweils der kompl. Text.

CSS

[data-l10n-id="protections-panel-etp-on-header"] {
  color: green !important;
}

[data-l10n-id="protections-panel-etp-off-header"] {
  color: red !important;
}

Sören Hentzschel

Zitat von 2002Andreas

Nur für das eine Wort kann ich dir nicht sagen

Ergänzend: Sowas ist nur mit CSS nicht möglich.

2002Andreas

Zitat von Sören Hentzschel

Sowas ist nur mit CSS nicht möglich.

Danke für die Erklärung

Heinrich

Zitat von Sören Hentzschel

Zitat von 2002Andreas

Nur für das eine Wort kann ich dir nicht sagen

Ergänzend: Sowas ist nur mit CSS nicht möglich.

Deine Lösung stellt mich aber schon voll ZUFRIEDEN !

Top Arbeit ...... ich DANKE Dir

2002Andreas

Zitat von Heinrich

ich DANKE Dir

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

Navigations-Leiste Anpassungen

Ähnliche Themen

Abhängigkeit der userChrome.css ....

Bestimmten TABs eine fest Breite geben ?

Lesezeichenmenü und Popup sind wieder hell und Abstände wieder groß

Tabs sind in der Höhe nur halb zu sehen