dann funkt nurnoch das mit dem "Stummschaltung" nicht.
Dann teste diesen Code mal in der userChrome.css:
Tab mit Audioinhalt: Ist diese Darstellung normal oder ein nicht mehr richtig funktionierendes Script?
-
genetic -
29. Oktober 2024 um 17:28 -
Erledigt
-
-
Dann teste diesen Code mal in der userChrome.css:
Das funkt auch nicht beim Stummschaltung.
-
-
muss das evtl im css-shadow-ordner und im cssshadow.css mit @import geladen werden? also das letzte.
weis das funkt jetzt auch nicht mehr.
ich teste es mal in einem leeren profil..
-
muss das evtl im css-shadow-ordner
Dann teste diesen Code mal in der userChrome.css:
mit @import geladen werden?
Wenn sich die Datei in einem eigenen Unterordner befindet, dann ja.
Und wenn du einen Code für Shadow nutzt, dann muss die Pfadangabe ganz genau sein!
Beispiel hier:
@import url("file:C:/Users/weiss/AppData/Roaming/Mozilla/Firefox/Profiles/i3gghgwc.default/chrome/CSSShadow/Test - Shadow.css");
-
Wenn sich die Datei in einem eigenen Unterordner befindet, dann ja.
Und wenn du einen Code für Shadow nutzt, dann muss die Pfadangabe ganz genau sein!
die Datei befindet sich wie bei den Anderen. habe schon auch beispiele für das importieren von css-shadow-dateien. Danke
Es ist aber komisch, dass es nicht funktioniert, das mit dem Stummschalten. naja wie gesagt versueche später mal in einem leeren Profil.
-
dass es nicht funktioniert, das mit dem Stummschalten.
Was genau funktioniert denn nicht?
-
Was genau funktioniert denn nicht?
Beim Stummschalten wird das Icon nicht geändert und nicht anderst gefärbt.
Es wird das Icon von der Webseite angezeigt.
-
und nicht anderst gefärbt.
Welchen Code nutzt du denn jetzt, und wo hast du den eingetragen?
-
Welchen Code nutzt du denn jetzt, und wo hast du den eingetragen?
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { /* hide favicon when audio is playing (like FF 135) */ #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { .tab-content .tab-icon-image { display: none; } .tab-audio-button { --button-size-icon-small: 18px !important; --button-min-height-small: 18px !important; /*margin: auto 2px auto -20px !important; transform: translateY(-1.5px); transform: scale(1.2, 1.2) !important;*/ color: white !important; } } .tab-audio-button[soundplaying] { --button-icon-fill: white !important; scale: 1.4 !important; border: none !important; --button-background-color-ghost-hover: transparent !important; } .tab-audio-button[muted] { --button-icon-fill: red !important; scale: 1.4 !important; border: none !important; --button-background-color-ghost-hover: transparent !important; } .tab-audio-button[muted]:hover { --button-icon-fill: yellow !important; } }Diese Code und die befindet sich im CSS-ordner.
-
Bei .tab-audio-button sind zwei schließende geschweifte Klammern auskommentiert, sodass es keine gültige schließende geschweifte Klammer mehr gibt.
-
Bei .tab-audio-button sind zwei schließende geschweifte Klammern auskommentiert, sodass es keine gültige schließende geschweifte Klammer mehr gibt.
Danke, habe es gemerkt und oben geändert. Hoffe stimmt jetzt.
-
befindet sich im CSS-ordner.
Ok.
Bei Stumm:
Bei Sound: Ich habe den Button mal rot statt weiß gemacht.
Bei hover über Stumm:
Und so, wenn im Movie auf Stumm geschalten wird:
Also hier ist somit alles richtg
-
Und so, wenn im Movie auf Stumm geschalten wird:
ahhh.. im Movie und nicht wenn der Tab stummgeschaltet ist?
jetzt hab ich richtig verstanden und es funktioniert.
ich dachte es ändert auch, wenn man im movie stummschaltet.
vielen Dank.
wollte noch gif hochladen, aber 3,11 MB ist zu gross.
-
wenn man im movie stummschaltet.
Dann erscheint das Logo der Webseite wieder.
Ich habe den ganzen Code mal für mich angepasst.
Teste bitte, ob das bei dir auch passt mit den Abständen.
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { /* hide favicon when audio is playing (like FF 135) */ #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted], [activemedia-blocked]) { .tab-content .tab-icon-image { display: none; } .tab-audio-button { margin: auto 2px auto -2px !important; scale: 1.4 !important; } .tab-audio-button[soundplaying] { --button-icon-fill: red !important; scale: 1.4 !important; border: none !important; --button-background-color-ghost-hover: transparent !important; } .tab-audio-button[muted] { --button-icon-fill: blue !important; scale: 1.4 !important; border: none !important; --button-background-color-ghost-hover: transparent !important; } .tab-audio-button[muted]:hover { --button-icon-fill: yellow !important; } } } -
Teste bitte, ob das bei dir auch passt mit den Abständen.
Danke, hab jetzt deine Code genommen, da meines einiges hatte die wohl nicht nötig war.
Habe mir nur die Farben angepasst.
-
-
Freut mich wenn jetzt alles funktioniert bei dir
Funkt alles tiptop. Danke.
-
Dank der großartigen Hilfe und den Hinweisen hier habe ich es jetzt perfekt für mich in der userChromeShadow.css. Alles was ich früher bezüglich Audio-Tabs in der userChrome.css hatte ist nun gelöscht. Habe noch einiges kommentiert im Code, damit ich später durchblicke.
CSS
Alles anzeigen/*/////////////// Sound/Lautsprecher Symbol in Tabs ändern ///////////////*/ /* verhindern, dass Audio-Tabs die Tab-Breite ändern (wenn im Player der Ton aktiviert/deaktiviert wird und viele Tabs offen sind) */ .tabbrowser-tab { &:is([muted], [soundplaying], [activemedia-blocked]) { #tabbrowser-tabs[orient="horizontal"] &:not([pinned]) { --tab-min-width: unset !important; } } } /* Verstecke das Favicon beim Abspielen (wie bei FF 135) außer bei geblockten Medien in ungelesenen Tabs[activemedia-blocked] */ #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) .tabbrowser-tab:not([pinned]):not([crashed]):is([soundplaying], [muted]/* , [activemedia-blocked] */) { .tab-content .tab-icon-image { display: none; } /* Lautsprechersymbol Position und Größe */ .tab-audio-button { --button-size-icon-small: 18px !important; --button-min-height-small: 16px !important; margin: auto 4.5px auto -1px !important; transform: translateY(-2px); } } /* Lautsprechersymbol größer und ohne Hintergrundfarbe */ .tab-audio-button { border: none !important; background-color: transparent !important; scale: 1.3 !important; } /* Lautsprechersymbol Farbe bei Sound */ .tab-audio-button { &[soundplaying]::part(button) { fill: green !important; } } /* Lautsprechersymbol Farbe bei Stumm */ .tab-audio-button { &[muted]::part(button) { fill: red !important; } } /* Lautsprechersymbol Hintergrundfarbe bei Sound wenn darüber gehovert wird */ .tab-audio-button:hover { &[soundplaying]::part(button) { background-color: transparent !important; } } /* Lautsprechersymbol Hintergrundfarbe bei Stumm wenn darüber gehovert wird */ .tab-audio-button:hover { &[muted]::part(button) { background-color: transparent !important; } } /* Lautsprechersymbol in ungelesenen Tabs, Farbe und Hintergrundfarbe */ .tab-audio-button { #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) { &[activemedia-blocked]::part(button) { background-image: url("chrome://browser/skin/tabbrowser/tab-audio-blocked-circle-12.svg"); fill: orange !important; background-color: transparent !important; } } }statt fill: green und fill: red habe ich in meinem Standardprofil beides mal white genommen, da meine Tabs durch die Änderungen in der userChrome.css eingefärbt sind. Habe es hier der Übersichtlichkeit halber aber mit Farbe gepostet.
-
habe ich es jetzt perfekt für mich
Sehr schön
