"tab stummschalten" - entfernen

Don1981

Hallo Leute,

ich hab ein Problem mit der ach so tollen Funktion "tab stummschalten" auf jedem Tab mit Video.
Mir passietrt es ständig, wenn ich den Tab anklicken will, dass ich auf stummschalten komme.

Dann wundere ich mich, wieso das Video keinen Ton hat. Nach einigen Minuten stelle ich fest, verdammt, ich habe den Tab schon wieder stummgeschalten.

Gibt es eine Möglichkeit diese Funktion zu entfernen oder mit einer Erweiterug, Tabs installieren ohne Stummschaltung?

Danke und bis bald

2002Andreas

Zitat von Don1981

diese Funktion zu entfernen

Hallo und Willkommen hier im Forum. 😊

Du kannst das Icon mit einem CSS Code entfernen:

CSS

.tab-icon-overlay[soundplaying] {
  display: none !important;
}

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

Videoanleitung für die userChrome.css und mehr

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.

Sören Hentzschel

Zitat von Don1981

mit der ach so tollen Funktion "tab stummschalten"

Die Funktion ist in der Tat toll, ich benutze diese doch recht häufig!

Ich frage mich allerdings, wie einem das ständig passieren kann, dass man diese versehentlich verwendet. Der klickbare Bereich für diese Funktion nimmt ja nun wirklich selbst bei vielen Tabs, wenn also die Tabs besonders klein sind, nur einen Bruchteil der Tab-Oberfläche ein. Und da sich ja auch der Hintergrund färbt, wenn man die klickbare Fläche mit der Maus berührt, sieht man auch schon vor dem Klick, dass man sich in dem Bereich befindet, der eine Stummschaltung zur Folge hätte.

Die von Andreas genannte Methode, also ausblenden via CSS, ist jedenfalls die einzige Möglichkeit (Scripts außen vorgelassen, aber das wäre komplizierter als CSS). Es gab vor langer Zeit mal einen Schalter in about:config, den es aber nicht mehr gibt, und Erweiterungen können die Tabs nicht verändern.

Boersenfeger

Wenn man die Tabgestaltung ein bisschen bearbeitet, kann man das versehentliche Anklicken vermeiden. Vorarbeiten, wie im #2 beschrieben, sind aber nötig!

CSS

    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -4px !important;
    justify-content: center !important;
    align-items: center !important;
    }

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0px !important; 
    padding-top: -5px!important;
    width: 16px !important;
    }

    /* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.7, 1.7) !important;
    }
    
    image.tab-icon-overlay {
    margin-top: 3px !important;
    padding-right: 1px !important;
    }

Alles anzeigen

Sören Hentzschel

Mit deinem Code rückt das Favicon bei mir (und einem ansonsten unangepassten Firefox!) nach oben und bei Herüberfahren mit der Maus wächst das Lautsprecher-Symbol signifikant an und vergrößert das Problem damit erheblich. Bei dir mag der Code funktionieren, aber man sieht ja an deinem Screenshot, dass dein Design grundsätzlich stark angepasst ist.

---

Ich möchte aber eine andere Alternative vorschlagen, auf der Basis vom Code von Andreas. Bloß statt das Symbol auszublenden, womit eine unschöne Lücke entsteht, einfach gar nichts optisch verändern und nur den Klick ignorieren. Der Klick wird dann immer noch vom Tab selbst konsumiert, womit ein Klick auf das Lautsprecher-Symbol nicht gar nichts macht, sondern sich identisch zu einem Klick auf jede andere Stelle vom Tab verhält:

CSS

.tab-icon-overlay[soundplaying] {
    pointer-events: none !important;
}

Boersenfeger

Zitat von Sören Hentzschel

Mit deinem Code rückt das Favicon bei mir (und einem ansonsten unangepassten Firefox!) nach oben und bei Herüberfahren mit der Maus wächst das Lautsprecher-Symbol signifikant an und vergrößert das Problem damit erheblich. Bei dir mag der Code funktionieren, aber man sieht ja an deinem Screenshot, dass dein Design grundsätzlich stark angepasst ist.

Dann liefere ich hier den kompletten Code für die Tabgestaltung nach, falls jemand Interesse hat:

CSS

    /* Tabs rund und farbig */

    /* Angaben für die TAB-Leiste*/

    /* TAB normal (inaktiv):
    * Hintergrundfarbe, Schriftfarbe,
    * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
    * unten kein Rahmen -> Abschlußrahmen vom Container.*/

   
    #TabsToolbar .tabbrowser-tab {
    color: black !important;
    border: 1px solid !important;
    border-bottom: 1px solid black !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    }

    /* TAB bei bei angewähltem TAB (aktiv):
    * Hintergrundfarbe, Rahmen,
    * Schriftfarbe. */
 
    #TabsToolbar .tabbrowser-tab[selected="true"] {
    background: red !important;
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;
    font-weight: bold !important;   
    color: black ! important; 
    }

    #TabsToolbar .tabbrowser-tab:not([selected="true"]) {
    border-radius: 16px 16px !important;
    margin-top: 0px !important;
    padding: 0px !important;   
    color: black ! important; 
    }

    /* Tab-Icon etwas größer,
    * links weniger, unten etwas mehr Abstand zum TAB-Rand.*/
 
    #TabsToolbar .tab-icon-image {
    height: 20px !important;
    width:  20px !important;
    margin-left: -5px !important;    
    margin-bottom: 2px !important; 
    }
        
    /* Tab-Schließen-Button:
    * Rechts weniger Abstand zum TAB-Rand, etwas größer,
    * Textfarbe (Kreuz)
    * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt */
 
    #TabsToolbar .tab-close-button {
    margin-right: -5px !important;  
    color: black !important; 
    }

    #TabsToolbar .tab-close-button .toolbarbutton-icon {
    height: 20px !important;
    width:  20px !important;    
    background-color: red !important;
    border-radius: 14px !important; 
    }
    
    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; 
    }

    /* Alle anderen Elemente in den TABs ohne Hintergrund. */

    #TabsToolbar .tabbrowser-tab * {
    background: none !important; 
    }
 
    /* Schriftgröße Tabs */

    .tab-text {
    font-size:15px !important; 
    }
    
    /* Damit wird der Tabtext am Ende nicht ausgeblendet */
    
    .tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
    .tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    direction: ltr;
    mask-image: linear-gradient(to left, transparent, black 0em) !important; 
    }
    
    /* Doppelte Schliessung ausblenden */

    #TabsToolbar > .titlebar-buttonbox-container {
    display:none !important; 
    }

    /* Tabs Proton-Design */

    :root {
    --proton-tab-radius: 0px !important;
    --proton-tab-block-margin: 0px !important;
    --inline-tab-padding: 10px !important;
    }

    #TabsToolbar .tabbrowser-tab {
    max-height: 34px !important;    
    border-top: 1px solid #B2B2B2 !important;
    border-bottom: 1px solid #B2B2B2 !important; 
    margin-bottom: 1px !important;
    padding-left: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 {
    margin-top: 2px !important;    
    margin-bottom: 2px !important;
    }

    #TabsToolbar .toolbarbutton-1 > image {
    padding: 2px 4px !important;
    }

    /* Rahmen um die Tableiste durchsichtig */

    #TabsToolbar {
    border: 0.2px solid transparent !important;
    }
     
    #TabsToolbar:hover {
    border: 0.2px solid transparent !important;
    }     

    .tabbrowser-tab[label*=" - YouTube"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
    background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
    background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;
    }
    
    .tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
    .tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
    background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;
    } 

    .tabbrowser-tab .tab-content vbox.tab-label-container.proton {
    -moz-box-orient: horizontal !important;
    } 
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
    margin-top: 0px !important;
    margin-right: 0px !important;
    } 
    
    .tab-icon-sound[soundplaying="true"],
    .tab-icon-sound[muted="true"],
    .tab-icon-sound[activemedia-blocked="true"] {
    background: #FFF !important;
    padding: 0 1px !important;
    }
    
    .tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
    .tab-icon-sound[muted="true"] .tab-icon-sound-image,
    .tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
    fill: #F10 !important;
    }

    .tab-icon-sound-image {
    height: 1.7em !important;
    }
    
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
    .tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
    display: none !important;
    }

    /* Tab Beschriftung mittig */
    
    .tab-content {
    display: flex !important; 
    margin-top: -4px !important;
    justify-content: center !important;
    align-items: center !important;
    }

    .tab-label-container {
    margin: auto !important;
    }

    .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
    flex-shrink: 0 !important; 
    padding: 0px !important; 
    padding-top: -5px!important;
    width: 16px !important;
    }

    /* Tabs in Tableiste mittig */
    
    scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
    }
    
    /* Lautsprechersymbol größer */
    
    .tab-icon-overlay {
    transform: scale(1.7, 1.7) !important;
    }
    
    image.tab-icon-overlay {
    margin-top: 3px !important;
    padding-right: 1px !important;
    }
    
    
    /* Aktiver Tab breiter */
    
    .tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: 200px !important;
    max-width: 200px !important;
    }
    .tabbrowser-tab:not([pinned])[selected] {
    min-width: 256px !important;
    max-width: 256px !important;
    }
    
    /* Kein Schatten drum */
    
    #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"],
    [multiselected]) > .tab-stack > .tab-background
    {
    box-shadow: none !important;
    }
    
    /* Kein blauer Kasten */
    
    tab.tabbrowser-tab {
    --focus-outline-width: 0px !important;
    --focus-outline-color: transparent !important;
    --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color)!important;
    }

Alles anzeigen

Don1981

Zitat von 2002Andreas
Zitat von Don1981

diese Funktion zu entfernen

Hallo und Willkommen hier im Forum. 😊
Du kannst das Icon mit einem CSS Code entfernen:
CSS
.tab-icon-overlay[soundplaying] {
  display: none !important;
}
Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

Videoanleitung für die userChrome.css und mehr

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.
Alles anzeigen

@

2002Andreas

Hat leider nichts geändert. Die Stumm Schaltung ist noch da und reagiert leider noch immer...

Der Ordner Chrome war da, dort eine Text Datei erstellt, den CSS Code eingefügt, gespeichert, den Namen und die Endung geändert auf userChrome.css.

Zusätzlich in about:config der Eintrag: "toolkit.legacyUserProfileCustomizations.stylesheets" auf true gestehlt.

Firefox neu gestartet.

Keine Veränderung...

Sören Hentzschel

Der Code funktioniert in jedem Fall, es muss also ein Fehler in der Anwendung sein. Du hast die Datei userChrome.css auch im richtigen Profil bearbeitet? Manchmal gibt es ja mehr als ein Firefox-Profil. Und es handelt sich wirklich um eine CSS-Datei und nicht tatsächlich um eine Datei userChrome.css.txt? Sowas kann leicht passieren, wenn man bekannte Dateiendungen ausgeblendet hat. Zeigt der Windows Explorer als Dateityp denn an, dass das ein Textdokument oder etwas anderes ist? Da sollte irgendwas in der Art CSS-Datei, Kaskadierendes Style Sheet oder dergleichen stehen (den genauen Wortlaut unter Windows habe ich nicht im Kopf, jedenfalls nicht Textdatei).

harff182

Zitat von Don1981

dort eine Text Datei erstellt,

Als "ASCII-Datei" oder "UTF-8-BOM" kodiert?

2002Andreas

Ergänzend:

So sollte das aussehen:

Wobei die Bezeichnung für dein Profil natürlich eine andere Bezeichnung hat.

milupo

Zitat von harff182

Als "ASCII-Datei" oder "UTF-8-BOM" kodiert?

Die CSS-Datei sollte als UTF-8 ohne BOM kodiert sein.

Don1981

2002Andreas

Zitat von 2002Andreas

Ergänzend:
So sollte das aussehen:
Wobei die Bezeichnung für dein Profil natürlich eine andere Bezeichnung hat.

2002Andreas erstellt im Ordner: "C:\Users\JuanN\AppData\Roaming\Mozilla\Firefox\Profiles\928nygf4.default-release\storage\permanent\chrome",

Den Code habe ich in das Textdokument eingefügt:

.tab-icon-overlay[soundplaying] {

display: none !important;

}

Zitat von harff182

Zitat von Don1981

dort eine Text Datei erstellt,

Als "ASCII-Datei" oder "UTF-8-BOM" kodiert?

Kodiert???
Rechts klick, Neu, Textdokument, den Code eingefügt und die Datei Endung auf .css geändert.

Zitronella

völlig falscher Pfad. Lösche es dort wieder und gehe so vor

Zitat von Zitronella

1. wie man eine userChrome.css erstellt und einen Beispiel Code einfügt
https://mozhelp.dynvpn.de/dateien/forum/…e-erstellen.mp4

2002Andreas

Zitat von Don1981

\storage\permanent\chrome",

Das ist nicht der Profilordner wo du die Datei erstellen solltest

Wo finde ich meinen Profilordner

oder auch unter: Hilfe..Informationen zur Fehlerbehebung..Profilordner.. Ordner öffnen

Oder oben in die Adressleiste eingeben:

about:profiles....dann Enter...

Und da gehst du zu dem Profil mit der Bezeichnung:

"Dieses Profil wird derzeit verwendet und kann daher nicht gelöscht werden."

Dann bei "Wurzelordner" rechts auf den Button: Ordner öffnen klicken

Don1981

Zitat von 2002Andreas

Zitat von Don1981

\storage\permanent\chrome",

Das ist nicht der Profilordner wo du die Datei erstellen solltest
Wo finde ich meinen Profilordner

oder auch unter: Hilfe..Informationen zur Fehlerbehebung..Profilordner.. Ordner öffnen

Oder oben in die Adressleiste eingeben:

about:profiles....dann Enter...

Und da gehst du zu dem Profil mit der Bezeichnung:

"Dieses Profil wird derzeit verwendet und kann daher nicht gelöscht werden."

Dann bei "Wurzelordner" rechts auf den Button: Ordner öffnen klicken

Alles anzeigen

Die Webseite habe ich benutzt um zu meinem Profil zu kommen.

Wenn ich im Browser about:profiles eingebe, komme ich auch zu
C:\Users\JuanN\AppData\Roaming\Mozilla\Firefox\Profiles\928nygf4.default-release\storage\permanent

Zitronella

guck dir das Video an und lies nochmal genau.

Don1981

Zitat von Zitronella

guck dir das Video an und lies nochmal genau.

passiert, alles schon gemacht, wie 2002Andreas es geschrieben hat, ist dass selbe wie in dem Video.

Zitronella

Dann hast du es nicht gründlich gemacht, denn dein angegebener Pfad ist ein Unterpfad, welcher falsch ist.

Sören Hentzschel

Zitat von Don1981

Wenn ich im Browser about:profiles eingebe, komme ich auch zu
C:\Users\JuanN\AppData\Roaming\Mozilla\Firefox\Profiles\928nygf4.default-release\storage\permanent

Du hast doch sogar einen Screenshot angehängt, der ganz klar zeigt, dass diese Pfadangabe überhaupt nicht stimmt. Da steht nichts von storage\permanent. Direkt im Profilverzeichnis ist ein Verzeichnis mit dem Namen chrome zu erstellen und darin die Datei userChrome.css.

Don1981

Zitat von Zitronella

Dann hast du es nicht gründlich gemacht, denn dein angegebener Pfad ist ein Unterpfad, welcher falsch ist.

hab nun einen zweiten Chrome Ordner gemacht, selbes Ergebnis.

"tab stummschalten" - entfernen

2002Andreas 22. August 2021 um 17:03

2002Andreas

Ähnliche Themen

Kontextmenü Firefox 88