MozillaZine

Favicons on Bookmarks Toolbar on Mac

Discuss application theming and theme development.
Korou

User avatar
 
Posts: 82
Joined: January 20th, 2004, 5:31 pm

Post Posted September 28th, 2006, 4:28 pm

In the default Firefox theme (1.5 and 2.0 RC1) on a Macintosh, favicons do not show up on the Bookmarks Toolbar. Various other themes (e.g. Pinstripe for Firefox) also lack the favicons. However, other themes (e.g. Phoenity Modern) <em>do</em> have favicons show up on the Bookmarks Toolbar.

What's toggling whether or not the favicons are showing up?

Image
Pinstripe: no favicons on toolbar

Image
Phoenity Modern: favicons on toolbar

shorlander
 
Posts: 183
Joined: November 10th, 2003, 8:28 pm

Post Posted September 28th, 2006, 6:37 pm

The lack of Favicons in Pinstripe is intentional.

You could turn them on if you put this in your userChrome.css

Code: Select all
.bookmark-item > .toolbarbutton-icon {
   display: block !important;
   padding-right: 3px !Important;
}

.bookmark-item:hover > .toolbarbutton-icon {
   background: url("chrome://browser/skin/bookmark-hover-right.png") no-repeat left center !important;
}

Aronnax!
 
Posts: 1006
Joined: October 1st, 2004, 10:24 am
Location: Germany

Post Posted September 29th, 2006, 3:47 am

try this:

.bookmark-item > .toolbarbutton-icon {
margin: 0px !important;
width: 16px !important;
height: 16px !important;
display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}

-----
and you will have these cluttered style

wentzm
 
Posts: 7
Joined: July 13th, 2006, 11:17 am

Post Posted October 25th, 2006, 4:51 pm

Aronnax! wrote:try this:

.bookmark-item > .toolbarbutton-icon {
margin: 0px !important;
width: 16px !important;
height: 16px !important;
display: inline !important;
}
.bookmark-item:hover > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-hover-mid.png") repeat-x !important;
}
.bookmark-item:hover:active > .toolbarbutton-icon {
background: url("chrome://browser/skin/bookmark-open-mid.png") repeat-x !important;
}


This worked, but for some reason my favicons were being smushed a little. When I tried commenting out the width and height, somehow the favicon for truthout.org was severely over-sized and looked awful. So I went back to width 16px and changed height to 18px and it looks fine.

---------------
FF2 OSX 10.4.8

marcusmd82

User avatar
 
Posts: 2
Joined: January 6th, 2007, 9:44 am
Location: Austin, TX

Post Posted January 6th, 2007, 9:46 am

Thanks for the help y'all... This quirky thing was driving me nuts.
Marcus

CatThief

User avatar
 
Posts: 1854
Joined: January 19th, 2004, 12:19 am
Location: Northeast USA

Post Posted January 6th, 2007, 9:08 pm

Marcus, I think you need to resize your avatar to something a bit smaller. :shock: Forum rules have a 100 pixels x 100 pixels/13KB limit.
Still passionate for Mozilla themes and extensions, just not actively developing them for public release anymore.

marcusmd82

User avatar
 
Posts: 2
Joined: January 6th, 2007, 9:44 am
Location: Austin, TX

Post Posted February 3rd, 2007, 6:10 pm

my bad.

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 0 guests