Collapsed iGoogle

Collapsed iGoogle
2066
****
Last updated Jun 18 2007
29 installs this week, 4535 total.

Collapses the header, until you move your mouse into it. Hides the footer. Makes the fonts smaller.
Please leave a comment and tell me what you think!

Updated:
3/15/07 -- Updated screenshots and made the delete message show up properly.
3/13/07 -- Style updated to work with updated Google IG. Also a few other changes.
6/18/07 -- Thanks to LifeHacker.com for featuring this script.
6/18/07 -- Made some changes so it works better with the new account bar on iGoogle. Also made it play nice with the resizable columns greasemonkey script.

Before
After

Install options

Feedback

Reviews

rashaad said on Apr 23 2008

rashaadjones67@yahoo.com

ddsafsdfgs said on Apr 19 2008

Would be great if a similar script could be done for Youtube :D!!! Could you please make it? *****

jj44 said on Feb 15 2008

Same problem with the options menu - can't click the "down arrow".
Might be a problem of this script playing with Firefox 3?

EDIT: Thanks for the tip unn, works great! *****

hug said on Jan 31 2008

nice job ****

unn said on Jan 24 2008

if you remove ", #IG_DD_div" from the js, it'll work. Though be warned, things my not work or look correct when you can access that button. *****

cri said on Sep 29 2007

I like it, but it makes the options menu of each gadget i have on my IG page not working.

One suggestion: it would be nice to set the time interval for the header to collapse, if possible. ****

Buda said on Sep 02 2007

It's great, like mortimer said i also have to put overflow: hidden; to make it clean. *****

cyarborough said on Jun 18 2007

I like the concept but it apparently breaks the resizable columns script. ***

Mortimer said on Jun 18 2007

Great!

on my computer, you have to add a
overflow: hidden;
to the main #nhdrwrapsizer declaration, otherwise there is a ridiculous sidebar that breaks everything.
*****

ChoGGi said on Mar 14 2007

#modules>div>div>div>div[id^="m_"]>div{display:none!important}
#modules>div>div>div>div[id^="m_"]:hover>div{display:block!important}
does the same, but for the tabs