FF 8 HomeButton usw Code geht nicht mehr

  • Hallo,
    ich habe den Firefox 8 und in Version 7 funktionierte dieser Code noch

    Seit der Version 8 funktioniert dieser Code nicht mehr um die Farbe zu ändern :(
    Laut Doom sollte der Code aber noch funktionieren, oder sehe ich das Falsch ???

    Denn die Weißen button gefallen mir nicht wirklich.

    Ich weis das es normalerweise Grafiken sind.
    Da ich aber nicht weis wie man die Grafiken austauschen kann, habe ich das über der Hintergrund- und Hoverfarbe gelöst.

    Deshalb wäre ich Dankbar wenn mir jemand den CSS Code oder wie man die Grafiken austauschen kann zeigen/erklären könnte.

    Danke schonmal

  • Teste das bitte mal

    Zitat von Dato

    wie man die Grafiken austauschen kann

    Z.B. so

    CSS
    #print-button > .toolbarbutton-icon {   
    
    
    list-style-image: url("file:///C:/Users/Andreas/Icons/d8db888.gif") !important;
    -moz-image-region: rect(0px 0px 0px 0px) !important;
    }

    Hier mußt du wenn dann deine eigenen Daten einfügen:

    list-style-image: url("file:///C:/Users/Dein Name/Ordner wo das Icon ist/Icon Name")

    Am besten du kopierst dir die Icons gleich in einen neuen Ordner in deinem Firefox Profil. :wink:

    Obiger Code sieht hier dann so aus:

    [Blockierte Grafik: http://www8.pic-upload.de/thumb/09.11.11/cvxhztwux4rw.jpg]

  • Guten Morgen,
    mhh naja das ist das Default Thema bei mir.
    Ich habe es ein wenig geändert in der Chrome.css.

    Aber am WE schmeiss ich mal alles raus und teste das nur mit den Icons nochmal.

  • Guten Morgen,
    ein paar Fragen habe ich noch dazu.

    In welcher Datei sind denn die Icons ?
    wie gross müßen die Icons sein, wenn man die Ansicht auf "kleine Icons" umgestellt hat ?
    wie funktioniert das mit hover, das ei hover ein anderes Icon zu sehen ist ?

  • Zitat von Dato

    wie funktioniert das mit hover


    Hinter die Bezeichnung einfach ein : hover setzen

    Also so normal

    #print-button > .toolbarbutton-icon {

    und so bei hover

    #print-button > .toolbarbutton-icon:hover {

    Zitat von Dato

    wie gross müßen die Icons sein


    16 x 16

    Zitat von Dato

    In welcher Datei sind denn die Icons ?


    Wenn du eigene benutzen willst musst du dir diese aus dem Net suchen und in einem neu erstellten Ordner ( am besten innerhalb deines Profilordners) einfügen.

    Z.B. von hier

    http://www.freeiconsweb.com/gif_icons.htm

    http://www.iconbazaar.com/index.html

  • Danke,
    das ist mir klar das ich diese im eigenen Profil Ordner stecken muß, ich hätte nur ganz gerne gewusst in welcher Datei dies Standard Icons im Standard Design stecken.

  • Hallo,
    Danke.

    Aber das mit dem Hover klappt nicht leider nicht.

    Es ändert sich das Icon nicht ?

  • So sieht das hier aus als Beispiel mit diesem Code

    CSS
    #print-button > .toolbarbutton-icon {   
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menu-iconic") !important; 
    list-style-image: url("file:///C:/Users/Andreas/Icons%20Firefox/objects_084.gif") !important;
    -moz-image-region: rect(0px 16px 16px 0px) !important;
    }


    [Blockierte Grafik: http://www8.pic-upload.de/thumb/31.12.11/vgo2xhdgdjq.jpg]

    dieser Zusatz muß bei dir noch rein

    CSS
    -moz-binding: 
    url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
  • ich bin doch nicht bekloppt.

    Das Icon ändert sich nicht bei den hover nicht.

    Das Normale Drucker Icon ändert sich ja aber bei hover geht das nicht.

    Das ist meine userChrome.css
    den Rest habe ich erstmal rausgeschmissen.

  • Zitat von Dato

    ich bin doch nicht bekloppt.


    Nein...keine Panik :wink:

    Teste das bitte noch mal

    Das

    Code
    url("file:///C:/Users/Andreas/Icons%20Firefox/objects_084.gif")


    mußt du für dich natürlich anpassen.
    Evtl. auch den padding Wert etwas.