X
Appuyez ici pour vous rendre sur la version mobile du site.

Forum d’assistance

weird square favicon

Publié

Hello. I have Firefox 8 and some pages have weird square favicon, because they haven't their own. For example: http://www.metro.sk/public/76866 Can you fix it? Thanks.

Hello. I have Firefox 8 and some pages have weird square favicon, because they haven't their own. For example: [http://www.metro.sk/public/76866 ] Can you fix it? Thanks.

Solution choisie

You're welcome.

I had noticed that transparent block as well and this question was a good opportunity to see if there was a solution possible. A quick comparison and check revealed that the old folder icon is still present.

This code adds them also for bookmarks on the Bookmarks Toolbar.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* default favicon */
#tabbrowser-tabs .tab-icon-image:not(src),
.sidebar-placesTreechildren::-moz-tree-image(leaf),
.bookmark-item:not(src):not([container]):not([type]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0px,16px,16px,0px)!important;
}
.bookmark-item[container]:not([livemark]):not([query]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0,32px,16px,16px)!important;
}

.sidebar-placesTreechildren::-moz-tree-image(title,container,livemark),
.bookmark-item[container][livemark]{
 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png")!important;
 -moz-image-region:auto!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem),
.bookmark-item[container][livemark] .bookmark-item{
  list-style-image: url("chrome://browser/skin/places/livemark-item.png")!important;
 -moz-image-region: rect(0px,16px,16px,0px)!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem,visited),
.bookmark-item[container][livemark] .bookmark-item[visited]{
 -moz-image-region: rect(0px,32px,16px,16px)!important;
}
Lire cette réponse dans son contexte 16

Détails additionnels sur le système

Plugins installés

  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Next Generation Java Plug-in 1.6.0_29 for Mozilla browsers
  • Shockwave Flash 10.3 r183
  • Office Plugin for Netscape Navigator
  • RealPlayer(tm) LiveConnect-Enabled Plug-In
  • 6.0.12.1739
  • RealJukebox Netscape Plugin
  • DRM Netscape Network Object
  • DRM Store Netscape Plugin
  • Npdsplay dll

Application

  • Agent utilisateur : Mozilla/5.0 (Windows NT 5.1; rv:8.0) Gecko/20100101 Firefox/8.0

Plus d’informations

the-edmeister
  • Top 25 Contributor
  • Moderator
5399 solutions 40161 réponses

Sorry, that's the new default image for a missing favicon. There's nothing to "fix".

Sorry, that's the new default image for a missing favicon. There's nothing to "fix".

Réponse utile

So, it's very ugly image.

So, it's very ugly image.
cor-el
  • Top 10 Contributor
  • Moderator
17483 solutions 158000 réponses

Try to add this code to userChrome.css below the @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#page-proxy-favicon:not(src), .tab-icon-image:not(src) {
list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
-moz-image-region: rect(0px, 16px, 16px, 0px)!important;
}
Try to add this code to userChrome.css below the @namespace line. *http://kb.mozillazine.org/userChrome.css *http://kb.mozillazine.org/Editing_configuration ---- <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #page-proxy-favicon:not(src), .tab-icon-image:not(src) { list-style-image: url("chrome://global/skin/icons/folder-item.png")!important; -moz-image-region: rect(0px, 16px, 16px, 0px)!important; } </nowiki></pre>

Modifié le par cor-el

tom 3 solutions 10 réponses

thanks cor-el!

the ugly default favicon is just completely hideous...

adding the code you recommended above worked perfectly to banish it away! =)

p.s. I am using Fx 7.0.1 on a Mac running Lion.

thanks cor-el! the ugly default favicon is just completely hideous... '''adding the code you recommended above worked perfectly to banish it away!''' =) p.s. I am using Fx 7.0.1 on a Mac running Lion.

Modifié le par tom

cor-el
  • Top 10 Contributor
  • Moderator
17483 solutions 158000 réponses

Solution choisie

You're welcome.

I had noticed that transparent block as well and this question was a good opportunity to see if there was a solution possible. A quick comparison and check revealed that the old folder icon is still present.

This code adds them also for bookmarks on the Bookmarks Toolbar.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* default favicon */
#tabbrowser-tabs .tab-icon-image:not(src),
.sidebar-placesTreechildren::-moz-tree-image(leaf),
.bookmark-item:not(src):not([container]):not([type]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0px,16px,16px,0px)!important;
}
.bookmark-item[container]:not([livemark]):not([query]){
 list-style-image: url("chrome://global/skin/icons/folder-item.png")!important;
 -moz-image-region: rect(0,32px,16px,16px)!important;
}

.sidebar-placesTreechildren::-moz-tree-image(title,container,livemark),
.bookmark-item[container][livemark]{
 list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png")!important;
 -moz-image-region:auto!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem),
.bookmark-item[container][livemark] .bookmark-item{
  list-style-image: url("chrome://browser/skin/places/livemark-item.png")!important;
 -moz-image-region: rect(0px,16px,16px,0px)!important;
}
.sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem,visited),
.bookmark-item[container][livemark] .bookmark-item[visited]{
 -moz-image-region: rect(0px,32px,16px,16px)!important;
}
You're welcome. I had noticed that transparent block as well and this question was a good opportunity to see if there was a solution possible. A quick comparison and check revealed that the old folder icon is still present. This code adds them also for bookmarks on the Bookmarks Toolbar.<br /> ---- <pre><nowiki> @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ /* default favicon */ #tabbrowser-tabs .tab-icon-image:not(src), .sidebar-placesTreechildren::-moz-tree-image(leaf), .bookmark-item:not(src):not([container]):not([type]){ list-style-image: url("chrome://global/skin/icons/folder-item.png")!important; -moz-image-region: rect(0px,16px,16px,0px)!important; } .bookmark-item[container]:not([livemark]):not([query]){ list-style-image: url("chrome://global/skin/icons/folder-item.png")!important; -moz-image-region: rect(0,32px,16px,16px)!important; } .sidebar-placesTreechildren::-moz-tree-image(title,container,livemark), .bookmark-item[container][livemark]{ list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png")!important; -moz-image-region:auto!important; } .sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem), .bookmark-item[container][livemark] .bookmark-item{ list-style-image: url("chrome://browser/skin/places/livemark-item.png")!important; -moz-image-region: rect(0px,16px,16px,0px)!important; } .sidebar-placesTreechildren::-moz-tree-image(title,livemarkItem,visited), .bookmark-item[container][livemark] .bookmark-item[visited]{ -moz-image-region: rect(0px,32px,16px,16px)!important; } </nowiki></pre>

Modifié le par cor-el

tom 3 solutions 10 réponses

woo hoo! that's even better. thanks =)

woo hoo! that's even better. thanks =)

Auteur de la question

it's work, thanks

it's work, thanks
Daakun 0 solutions 3 réponses

http://pastebin.com/raw.php?i=7f3nB8vT

Made my own attempt at messing with this stuff, starting from cor-el's css as a base.
Not really sure how much superfluous css I copied over since I'm honestly pretty terrible at this stuff, but yeah, it works so far as I can tell; don't think I missed the icon anywhere.

[http://pastebin.com/raw.php?i=7f3nB8vT http://pastebin.com/raw.php?i=7f3nB8vT] Made my own attempt at messing with this stuff, starting from cor-el's css as a base.<br /> Not really sure how much superfluous css I copied over since I'm honestly pretty terrible at this stuff, but yeah, it works so far as I can tell; don't think I missed the icon anywhere.

Modifié le par Daakun

MasterC3501 0 solutions 1 réponses

same problem and whoever said thats default for favicons that dont exist is completely wrong. I built alot of the sites I am having a issue with favicons for and they worked just fine prior to updating to 8.0. once i updated firefox half of my favicons that were there and displaying just fine before are not gone.

same problem and whoever said thats default for favicons that dont exist is completely wrong. I built alot of the sites I am having a issue with favicons for and they worked just fine prior to updating to 8.0. once i updated firefox half of my favicons that were there and displaying just fine before are not gone.
silkphoenix 91 solutions 1257 réponses

Réponse utile

the-edmeister -- You said these are "missing favicon". Why are they missing while they weren't in 7.0.1? If they worked in 7.0.1, they should work in 8.0 also, which means somehow it could be fixed, am I correct?

The solution cor-el posted is for "advanced" Firefox users. I don't think most FF users know what he is talking about, unless they read all those instructions.

I think Mozilla should take the responsibility to fix this problem instead of asking their users to fix it.

the-edmeister -- You said these are "missing favicon". Why are they missing while they weren't in 7.0.1? If they worked in 7.0.1, they should work in 8.0 also, which means somehow it could be fixed, am I correct? The solution cor-el posted is for "advanced" Firefox users. I don't think most FF users know what he is talking about, unless they read all those instructions. I think Mozilla should take the responsibility to fix this problem instead of asking their users to fix it.
cor-el
  • Top 10 Contributor
  • Moderator
17483 solutions 158000 réponses

That is a CSS change that the devs have made and if there is no favicon available you now get an empty square instead of the folder icon that you previously got. Try the about:config to see that in action.

If favicons are missing then try to restore them.

That is a CSS change that the devs have made and if there is no favicon available you now get an empty square instead of the folder icon that you previously got. Try the <b>about:config</b> to see that in action. If favicons are missing then try to restore them. *CheckPlaces: https://addons.mozilla.org/firefox/addon/checkplaces/
silkphoenix 91 solutions 1257 réponses

cor-el -- I already have "checkplaces" installed and I'll use it to check. Since I have more than 4000 in my Bookmarks, I'll have to do it when I'm not using FF. I'll post my status when I finish. Thank you.

cor-el -- I already have "checkplaces" installed and I'll use it to check. Since I have more than 4000 in my Bookmarks, I'll have to do it when I'm not using FF. I'll post my status when I finish. Thank you.
ozgoofy 0 solutions 1 réponses

I agree with you. This a problem that should have been worked out in the Beta stage. Surely some must have picked it up. Why should normal users have to go and reprogram what up until now has been the best browser in my opinion.

I agree with you. This a problem that should have been worked out in the Beta stage. Surely some must have picked it up. Why should normal users have to go and reprogram what up until now has been the best browser in my opinion.
adamcox82 0 solutions 3 réponses

A related bug report has been logged: https://bugzilla.mozilla.org/show_bug.cgi?id=685059

Please add your vote to raise the importance and get this "new feature" reverted!

A related bug report has been logged: https://bugzilla.mozilla.org/show_bug.cgi?id=685059 Please add your vote to raise the importance and get this "new feature" reverted!
silkphoenix 91 solutions 1257 réponses

I have decided against using "checkplaces" add-on trying to see if this problem can be fixed because I have almost 5000 bookmarks in my library and it'll take significant of time to check through them, once the checking is done, I have to go through the results and I just don't have the time to do that. So I'll just wait until FF fix it (which I think they should since these favicons worked in 7.0.1 and should work in future versions).

I have decided against using "checkplaces" add-on trying to see if this problem can be fixed because I have almost 5000 bookmarks in my library and it'll take significant of time to check through them, once the checking is done, I have to go through the results and I just don't have the time to do that. So I'll just wait until FF fix it (which I think they should since these favicons worked in 7.0.1 and should work in future versions).
darrylfox 0 solutions 1 réponses

okay, but WHERE do you enter the code to fix this?

okay, but WHERE do you enter the code to fix this?
Trivette 0 solutions 5 réponses

I agree! Mozilla should fix it for everyone; it's an obvious bug and a very visible one.

And while they are at it -- where are the color toolbar icons for: Home, Refresh, NewTab, etc. ? Version 8 defaults to ugly b&w buttons... surely there's a "classic look" format hiding in some forgotten code corner.

I agree! Mozilla should fix it for everyone; it's an obvious bug and a very visible one. And while they are at it -- where are the color toolbar icons for: Home, Refresh, NewTab, etc. ? Version 8 defaults to ugly b&w buttons... surely there's a "classic look" format hiding in some forgotten code corner.

Modifié le par Trivette

event3horizon 0 solutions 4 réponses

The problem with this code is that the folder icon turns into the blank page icon on a folder favorite on the bookmark toolbar.

The problem with this code is that the folder icon turns into the blank page icon on a folder favorite on the bookmark toolbar.
teodorgant 0 solutions 2 réponses

For the square and empty icons, there is a workaround in this comment to the bug. Comment number 17. It works. Restore the favicon as it was before. As it was in Firefox 7.

https://bugzilla.mozilla.org/show_bug.cgi?id=701287

For the square and empty icons, there is a workaround in this comment to the bug. Comment number 17. It works. Restore the favicon as it was before. As it was in Firefox 7. [https://bugzilla.mozilla.org/show_bug.cgi?id=701287]
event3horizon 0 solutions 4 réponses

Thanks Teodor, Iceberg's solution to replace the omni.jar file works great and is the simplest fix now. Everyone should do this. The chromeuser.css trick is not exactly for people that are not "PC literate".

Thanks Teodor, Iceberg's solution to replace the omni.jar file works great and is the simplest fix now. Everyone should do this. The chromeuser.css trick is not exactly for people that are not "PC literate".