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.
Beiträge von omar1979
-
-
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.
-
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.
-
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.
-
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.
-
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.
-
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..
-
Dann teste diesen Code mal in der userChrome.css:
Das funkt auch nicht beim Stummschaltung.
-
Entfern bitte mal Zeile 1 in dem ersten Code für die userChromeShadow.css. Und auch die Klammer in Zeile 13 dann noch.
Die Zeile gehört da auch nicht rein, und ist auch in keinem der hier geposteten CSS Codes enthalten.
Hab es gemacht, dann funkt nurnoch das mit dem "Stummschaltung" nicht.
Ich habe die Regeln eben bei Aris gepostet, aber will das hier auch mal schnell tun. Das funktioniert bei mir:
bei mir funktionert es auch nicht so.
Die CSSshadow
CSS
Alles anzeigen.tab-audio-button[soundplaying]::part(button) { --button-icon-fill: white !important; } .tab-audio-button[muted]::part(button) { --button-icon-fill: red !important; } /* .tab-audio-button[muted]::part(button) { background-image: url("file:///C:/Users/Ramo/AppData/Roaming/Mozilla/Firefox/Profiles/c612nnc8.default-release/chrome/Icons/16_volume-off_moz.svg") !important; } */Und die normale CSS
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 { scale: 1.4 !important; } }wenn video lauft, da wird der weisse Icon angzeigt.
aber bei stummschaltung wird das originale Icon von der webseite angezeigt.
-
auch von mir alles Gute zum Geburtstag Endor
-
Teste bitte:
Dieses Teil hab ich in cssshadowordner:
CSS
Alles anzeigen@-moz-document url-prefix(chrome://browser/content/browser.xhtml) { .tab-audio-button[soundplaying]::part(button) { fill: green !important; } .tab-audio-button[muted]::part(button) { fill: red !important; } .tab-audio-button[muted]::part(button) { background-image: url("file:///C:/Users/Ramo/AppData/Roaming/Mozilla/Firefox/Profiles/c612nnc8.default-release/chrome/Icons/16_volume-off_moz.svg") !important; } }Dieses Teil in cssordner:
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 { scale: 1.4 !important; } }und beide Teile auch nur in cssordner..
icon wird nicht eingefärbt und bei stummschaltung wird das icon der webseite angezeigt..
kA was ich wieder falsch mache.
-
Damit funkioniert das:
Danke, hab das jetzt etwas versucht zu ändern, aber nur das mit Video-Wiedergabe-Icon funkt.
Kann keine Farben ändern oder wenn es Stummgeschaltet ist, dass es ein anderes Icon azeigt.
Gibts auch für das schon was?
-
Hallo allen..
Welche CSS funkt jetzt gut für den Tab mit Video-Wiedergabe und gibt es die Möglichkeit, nur das Icon Play/Mute anzuzeigen und nicht auch das Icon der Webseite?
Hab von Seite 1 an geschaut, bin aber etwas verwirrt.
Besten Dank.
-
Hier ein Beispiel wie es Sören Hentzschel meint mit dem PiP.
-
In about:config den Wert:
browser.newtabpage.activity-stream.topSitesRows
ändern.
Dankeschön. -
Einfach mal mit den Abständen in Zeile 11 rumspielen
Danke.
Und wie kann ich die Anzahl der Zeilen vermehren?
ich habe zur Zeit 4 Zeilen.
-
Den Wert 12 musst/kannst du dir anpassen.
Danke, sieht jetzt so aus nachdem ich 12 auf 10 gesetzt habe.
Im Vollbildmodus.
Wie kann ich jetzt die Leere Links und Rechts verringern, damit noch mehr anzeigen lassen kann?
-
Für die Neuer-Tab-Seite benütze ich folgendes Script.
CSS
Alles anzeigen@-moz-document url(about:newtab), url(about:home) { body { /*background-image: url('file:///C:/Users/Ramo/AppData/Roaming/Mozilla/Firefox/Profiles/c612nnc8.default-release/chrome/Icons/exc.png') !important;*/ background-repeat: no-repeat !important; background-size: 80px 470px /*1365px 570px*/ !important; background-position: left !important; } .outer-wrapper.ds-outer-wrapper-breakpoint-override { margin-top: -75px; margin-left: 5px; padding-left: 5px !important; padding-right: 5px !important; padding-bottom: 5px !important; /*margin-top: -75px; padding-left: 150px !important; padding-right: 125px !important; padding-bottom: 5px !important;*/ } .search-wrapper .logo-and-wordmark .logo { display: none !important; } .logo-and-wordmark { display: none !important; } .search-wrapper .search-handoff-button, .search-wrapper input { display: none !important; } .search-wrapper { margin-left: -110px !important; } .body-wrapper { margin-top: -30px !important; } .wordmark { visibility: hidden !important; } main { width: 100% !important; } li.top-site-outer { border: 2px dotted blue !important; /* width: 90px !important; height: 50px !important; */ margin-right: 4px !important; } div.tile, div.tile div.screenshot { width: 50px !important; height: 50px !important; margin-top: -17px !important; margin-bottom: -7px !important; } .top-site-outer .title span, .top-site-outer .title.pinned span { color: blue !important; width: 90px !important; height: 20px !important; margin-bottom: -10px !important; margin-left: -10px !important; } .icon.icon-settings { background-color: red !important; color: white !important; margin-top: 5px !important; padding-left: 20px !important; } .icon.icon-settings:hover { background-color: blue !important; } }und jetzt sieht es leider so aus, sind nurnoch 8 auf 1er Zeile.
Was ist da nun passiert?
-
Bin mir nicht sicher, aber teste bitte.
In about:config den Wert:
sidebar.revamp
auf false setzen.
Danke hat sich erledigt, hab mein vorheriges Kommentar korrigiert.
-
Teste bitte.
auch ein Dankeschön von mir.
habe das von mir benützte alte Script mit dem verglichen und diese Zeile gelöscht..
CodeComponents.utils.import("resource:///modules/CustomizableUI.jsm");jetzt funkt es wieder..
Nur.. das Hauseigene von Firefox, wie lass ich das verschwinden ohne ein Script? eine Einstellung dafür irgendwo?
Hat sich erledigt. In about:preferences (Einstellungen) , Allgemein das Häkchen vor "Browser-Layout" rausnehmen.
