<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blog &#124; edwards research &#187; greasemonkey</title>
	<atom:link href="http://blog.edwards-research.com/tag/greasemonkey/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.edwards-research.com</link>
	<description>some notes from our staff...</description>
	<lastBuildDate>Wed, 04 May 2011 02:11:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>iGoogle&#160;Minimalized</title>
		<link>http://blog.edwards-research.com/2009/12/igoogle-minimalize/</link>
		<comments>http://blog.edwards-research.com/2009/12/igoogle-minimalize/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 19:08:46 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[programming]]></category>
		<category><![CDATA[tips and tricks]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[greasemonkey]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.edwards-research.com/?p=312</guid>
		<description><![CDATA[I hated how much space the Google header took up at the top of the page. I searched for themes but none seemed to address the issue. I then looked into developing my own theme through their theme API and it turns out the reason none of the themes address the large header is because [...]]]></description>
			<content:encoded><![CDATA[<p>I hated how much space the Google header took up at the top of the page.  I searched for themes but none seemed to address the issue.  I then looked into developing my own theme through their <a href="http://code.google.com/apis/themes/docs/dev_guide.html">theme API</a> and it turns out the reason none of the themes address the large header is because Google doesn&#8217;t give the developer the option to control that.</p>
<p>All you can really control is colors, add a few custom images and select between icon sets, but nothing having to do with sizing or positioning.</p>
<p>My next step was to examine the DOM and whip up a <a href="https://addons.mozilla.org/en-US/firefox/addon/748">GreaseMonkey</a> Script that shrunk it.  Having some experience with it, I made use of a few <a href="http://jquery.com/">jQuery</a> features in the script.  </p>
<p>Before:<br />
<div id="attachment_314" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.edwards-research.com/wp-content/uploads/2009/12/2009-12-03-iGoogle_Before.png" rel="lightbox[312]"><img src="http://blog.edwards-research.com/wp-content/uploads/2009/12/2009-12-03-iGoogle_Before-300x66.png" alt="Before" title="2009-12-03-iGoogle_Before" width="300" height="66" class="size-medium wp-image-314" /></a><p class="wp-caption-text">Before</p></div></p>
<p>After:<br />
<div id="attachment_315" class="wp-caption alignnone" style="width: 310px"><a href="http://blog.edwards-research.com/wp-content/uploads/2009/12/2009-12-03-iGoogle_Minimalized.png" rel="lightbox[312]"><img src="http://blog.edwards-research.com/wp-content/uploads/2009/12/2009-12-03-iGoogle_Minimalized-300x68.png" alt="After" title="2009-12-03-iGoogle_Minimalized" width="300" height="68" class="size-medium wp-image-315" /></a><p class="wp-caption-text">After</p></div></p>
<p>Enjoy!</p>
<p><a href="http://blog.edwards-research.com/files/download.php?key=3ccb732e">Direct Download</a></p>
<pre class="brush: jscript; title: ;">
// ==UserScript==
// @name           Minimalize iGoogle Theme
// @namespace      http://www.edwards-research.com
// @description    Minimalize iGoogle Theme
// @author         by James Edwards
// @include        http://www.google.com/
// @include        http://www.google.com/ig
// @require        http://code.jquery.com/jquery-latest.min.js
// ==/UserScript==

// Written by James Edwards
//		Feel free to use this script in any way you like, commercial or otherwise.
//		Attribution is optional but encouraged.
//
// jQuery Integration from: Greasespot
//		http://wiki.greasespot.net/Code_snippets#Use_jQuery_in_a_GreaseMonkey_script
(function() {
	//&lt;div id=&quot;nhdrwrap&quot;&gt;
		$(&quot;div#nhdrwrap&quot;).css(&quot;padding&quot;,&quot;0px&quot;);
		$(&quot;div#nhdrwrap&quot;).css(&quot;margin&quot;,&quot;0px&quot;);
		$(&quot;div#nhdrwrap&quot;).css(&quot;height&quot;,&quot;100px&quot;);
	//&lt;div id=&quot;nhdrwrapinner&quot;&gt;
		$(&quot;div#nhdrwrapinner&quot;).css(&quot;background-image&quot;,&quot;none&quot;);
		$(&quot;div#nhdrwrapinner&quot;).css(&quot;height&quot;,&quot;100px&quot;);
		$(&quot;div#nhdrwrapinner&quot;).css(&quot;margin-top&quot;,&quot;-20px&quot;);
	//&lt;div id=&quot;regular_logo&quot;&gt;
		$(&quot;div#regular_logo&quot;).hide();
	//&lt;p class=&quot;gseaopt&quot;&gt;
		$(&quot;p.gseaopt&quot;).hide();
	//&lt;div class=&quot;personalize_link&quot;&gt;
		$(&quot;div.personalize_link&quot;).hide();
	//&lt;div id=&quot;header_promo_wrapper&quot;&gt;
		$(&quot;div.header_promo_wrapper&quot;).hide();
	//&lt;div id=&quot;promo&quot; class=&quot;sandbox_msg&quot; style=&quot;margin-top:-20px;&quot;
		$(&quot;div.sandbox_msg&quot;).hide();
	//&lt;div class=&quot;gradient&quot;&gt;
		$(&quot;div.gradient&quot;).hide();

}());
</pre>
]]></content:encoded>
			<wfw:commentRss>http://blog.edwards-research.com/2009/12/igoogle-minimalize/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

