Beiträge von omar1979

omar1979

Zitat von 2002Andreas

Nein.

Besten Danke.

omar1979

Zitat von 2002Andreas

Die Pfade zu deinen Icons musst du dir anpassen:

Danke vielmals.

Muss da zuoberst nicht irgendwas mit @moz dingsbungs stehen? weiss grad den text nicht..

omar1979

Es wäre noch schön, wenn jemand ein CSS hätte für die Icons von ExtraConfigMenü und es hier teilen könnte

omar1979

Zitat von 2002Andreas

Und jetzt wird es angezeigt, oder nicht?

Ja danke. 🙄

omar1979

Zitat von 2002Andreas

Hast du den Pfad in Zeile 74 für dich angepasst?

Inzwischen schon ja.. ist mir erst nach dem oberen Eintrag von mir in Sinn gekommen.

omar1979

Zitat von 2002Andreas

Mit diesem Script ist der Button zusätzlich noch verschiebbar:

Danke 2002Andreas das Icon ist zwar immernoch unsichtbar, aber das Popup öffnet sich..

omar1979

Zitat von BrokenHeart

Alternativ für die, die das Script extras_config_menu.uc.js benutzen:

Zwischen Zeile 92 bis 98 diesen Text einfügen:
menupopup.appendChild(this.createME("menuitem","userChromeShadow.css","uProfMenu.edit(0,'userChromeShadow.css');","uProfMenu_edit",0));

Habe diese Zeile nach der Zeile 93 reinkopiert jetzt ist das Icon weg..

omar1979

Ist das hier die neue Extra Config Menü 2002Andreas?

#2

omar1979

Zitat von 2002Andreas

userChromeShadow.uc.js

Besten Danke 2002Andreas jetzt funkts wieder.

omar1979

Zitat von 2002Andreas

Du hast das neue Script installiert?

Da war ich nicht da und hab es nicht gesehen. Danke 2002Andreas aber es hat ja mehrere scripts welcher von denen wohl zu meins passt.

omar1979

Hallo allen..

Wenn man zu viel Tabs offen hat, dann sieht man ja rechts und links von den Tabs jeweils ein Pfeil nach Links und eins nach Rechts. Mit dieser Code ins CSSshadow hat es mal geklappt.

CSS

/* TabLeiste Pfeile (nach Links und nach Rechts) ändern */
#tabbrowser-arrowscrollbox::part(scrollbutton-up) {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arrow-left.png") !important;
  transform: scale(0.9, 0.9) !important;
  background-color: blue;
  margin-top: -6px !important;  
  margin-bottom: -1px !important;
  padding-top: 2px; 
  padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-down) {
  list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/Icons/arrow-left.png") !important;
  transform: scale(0.9, 0.9) !important;
  background-color: blue;
  margin-top: -6px !important;  
  margin-bottom: -1px !important;
  padding-top: 2px; 
  padding-bottom: 1px
}
#tabbrowser-arrowscrollbox::part(scrollbutton-up):hover, 
#tabbrowser-arrowscrollbox::part(scrollbutton-down):hover {
  background-color: red !important;
}

Alles anzeigen

Aber jetzt funktioniert es nicht mehr.

Hat es was geändert? Wenn ich es mit Browser-Werkzeuge Stillbearbeitung teste, funkt die Code aber sonst nicht.

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

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

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.

omar1979

Zitat von 2002Andreas

Sind im Beitrag Nr. 1

Dankeschön. Hab das garnicht bemerkt.

omar1979

Hallo allen..

ich wollte grad das Javascript von Mira_Belle im Beitrag:

#67

testen. Hat jemand evtl. die Icons: Chevron-up,_12.svg, Chevron-down,_12.svg, Chevron-right,_12.svg und Chevron-left,_12.svg in der Hand❓ Würde mich sehr freuen, wenn jemand sie hier zum Download bereitstellen könnte. Besten Dank im Voraus.

omar1979

Danke. 👍

Aber falls jemand eine Lösung kennt für das was ich wollte bin ich bereit hie und wieder mal zu testen. 😊

omar1979

Zitat von 2002Andreas

Lass das also in Zukunft bitte

Tut mir Leid lieber Andreas war damals sehr genervt.

Darum war ich auch so lange weg.

Nun ja altes Thema wollte mich nur bei dir entschuldigen.

omar1979

Ich bedanke mich bei euch vom ganzen Herzen für die ausführlichen Erklärungen.

Habe es jetzt verstanden und werde es bei Gelegenheit ausführen.

omar1979

Zitat von Maddmewes

Kann ich das irgendwie deaktivieren?

Nicht das ich es wüsste, aber evtl. weiss es jemand Andere besser als ich.

Beiträge von omar1979

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln

Tableiste Änderungen

Tableiste Änderungen

Tableiste Änderungen

Tableiste Änderungen

Navigations-Leiste Anpassungen

Navigations-Leiste Anpassungen

Navigations-Leiste Anpassungen

scrollbars.uc.js anpassen - geschafft und erledigt!

scrollbars.uc.js anpassen - geschafft und erledigt!

Möglich Lesezeichen auf eine 2.te Zusatzleiste verschieben?

Möglich Lesezeichen auf eine 2.te Zusatzleiste verschieben?

Extra Config Menü Icon überall verschiebbar machen?

Link anzeigen unten Links