animiertes Tab favicon deaktivieren

  • Hallo,

    gibt es eine Möglichkeit animierte favicons im Tab zu deaktivieren? Ich habe verschiedene Tipps versucht die mir google so ausgegeben hat, aber diese funtkionieren alle nicht mehr oder es sind alle favicons ausgeblendet.

    Ich nutze Firefox 66.0.2 64-Bit.

    MfG

  • Versuch macht kluch:
    Tippe about:config in die Adresszeile, bestätige die Nachfrage
    Tippe in die Filterzeile
    image.animation_mode
    ändere den Wert von normal auf none
    Wenn du once als Wert nimmst, läuft die Animation nur einmal ab.

  • man kann in der userChrome.css generell Favicons in Tabs ausblenden mit

    CSS
    .tab-icon-image {
      display:none !important;
    }

    Ich wüsste allerdings nicht, wie man das nur für eine bestimmte Seite bewerkstelligen könnte. Vielleicht hat da 2002Andreas eine Idee :)

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)


  • wie man das nur für eine bestimmte Seite bewerkstelligen könnte


    Um bei deiner Beispielseite zu bleiben:

    http://www.p01.org/defender_of_the_favicon/

    CSS
    .tabbrowser-tab[label="DEFENDER OF THE FAVICON by @p01"] .tab-icon-image{
    display:none!important;}

    Damit hätte dieser Tab dann gar kein Icon mehr.

    [attachment=0]Zwischenablage01.png[/attachment]

  • Ah, ich wusste doch, du findest ne Lösung :klasse:

    Das ist dann also nicht Domain abhängig sondern Seitentitel gebunden. Ich schätze anders gehts nicht, oder? Also direkt das Icon Icon https://www.camp-firefox.de/favicon.ico zu sperren.

    Weil wenn ich für https://www.camp-firefox.de das Icon ausblende weil der Seitentitel "Camp Firefox | Die Firefox-Community" heißt, dann ist das Favicon fürs Forum und sämtlichen Unterforen weiterhin sichtbar, weil die jeweils anders heißen wie "Camp Firefox - Foren-Übersicht" und "Firefox - Allgemein - Camp Firefox" usw.

    Hilfe auch im deutschsprachigen Matrix-Chat möglich oder im IRC-Chat
    Meine Anleitungstexte dürfen gerne "geklaut" und weiter verwendet/kopiert werden ;)

  • Der Attribut-Selektor in CSS:

    Code
    [label="Labelbeschriftung"]

    … ist durchaus flexibel:

    Code
    [label~="Labelbeschriftung"]

    … wenn "Labelbeschriftung" nicht das exakte Label sein muss, sondern nur irgendwo als ganzes Wort im Label vorkommen muss.

    Code
    [label|="Labelbeschriftung"]

    … wenn es damit als ganzes Wort starten soll

    Code
    [label^="Labelbeschriftung"]

    … wenn es damit, egal ob als ganzes Wort oder Teil davon, starten soll

    Code
    [label$="Labelbeschriftung"]

    … wenn es damit enden soll

    Code
    [label*="Labelbeschriftung"]

    … wenn es als Wortbestandteil irgendwo vorkommen soll

  • Danke für eure Hilfe, das Problem konnte jetzt gelöst werden. Zwar ist dann das ganze favicon für diesen Tab ausgeblendet, aber das ist auch Ordnung, besser als jede Animation :)

    Zum Beispiel dieses in die userChrome einfügen, damit wäre das favicon auf der gesamten Seite hier ausgeblendet:

    CSS
    .tabbrowser-tab[label*="Camp Firefox"] .tab-icon-image{
         display:none!important;
    	 }

    MfG


  • ist dann das ganze favicon für diesen Tab ausgeblendet


    Du kannst den Tabs dann ein eigenes Icon vergeben.
    So wird dann auch für jede Unterseite dieses eigene Icon angezeigt.

    CSS
    .tabbrowser-tab[label*="Camp Firefox"] .tab-icon-image{
         display:none!important;
    	 }
    
    .tabbrowser-tab[label*="Camp Firefox"] .tab-text {
    	  background: url("data:image/gif;base64,R0lGODlhEAAQAOZQAP///wBmAPv6+gBzAIjtUXnePiczPqn/cSgzP/n8/vf5/LvFz+3y9/D0+bzG0AAbiSo1Qb/J0/b4+5z/Zuzx9rzH0WJqdbvFzvz9/m14g7jBzB6q/3J+iABky2Ntdw2JB8HL1b/J0sbP2Gpzf/n7/K7h/xSNCiiXFsrT2/38/Pr6+8XJzj+fDiaWFSKs/7nnGOfr7ubp7CSv/wBdyACZAAuIBg6gBxelDNbz/3uIlHmDkABaxc3w/xOMCQBgyUpUXun3BQAbigAcigmIBQBfyQBDsABcyPn6/MfQ2UpTXgqeBc3V3sPN1lzIMYyVms7x/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAFAALAAAAAAQABAAAAe/gFCCg4IBhoeEiQEHjI0BiYUTTUAvLQMmEwEdRDNGOwIBBCcDLAMAAwQBPiVPPDigBKamp6kdMhsbLrCzpx+pRUIPD0GwPbIfNqlOAMwAoAU3NQNDSjQFATnNADDPBd7eAQI6SyIiSCgxoIeGAiscAEckGEwYKgL3+CkcGQASCgkREij4F1CBBAAZRoC4sMBBCAcLGj5ccAHECA8AKDBooKEBg40dGVAA4MGCtgontVlIgsCAAQQQWr6M6RLBj0AAOw==") no-repeat !important;
          background-position: 0px 4px!important;
          padding-left:20px!important;
    	}

    Das Icon musst du dir dann austauschen.

    [attachment=0]Zwischenablage01.png[/attachment]