Connect


Dr. S. S. Aiyar - My Scientist Grandfather

Biography of my Grandfather who was a Scientist. His Experience and his Materials.
Google Gadgets‎ > ‎

Making iGoogle Gadget Transparent

posted Jan 24, 2011 8:06 AM by Anantha Narayan   [ updated Jan 25, 2011 8:19 PM ]
I think i could make iGoogle Gadgets Transparent, at least some of them. I got clues from Les Liens du Vin.

The Style should have these elements...i have just put what worked for me

body
{
background-color: transparent; 
padding: 0;
margin:0;
}

font,div{
  background-color: transparent; 
  color: #383A3E;
  font-size: 12px;
}


In iframe tag, if you are using it, add - - allowtransparency='true'   --- " or ' be consistent

External Page Code Mod for Transparency


Then i made this Horseshoe gadget Transparent.

But the Code got from this page  The Lucky Fortune Horseshoe cannot be used in an external page without losing transparency.

So modify the code, by muntzing the tail end of the code. Then the gadget is transparent even in Blogger, Wordpress and Plain ol' HTML in any site.

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/111832241340844584180

/horseshoe.xml&amp;synd=open&amp;w=210&amp;h=210&amp;title=The+Lucky+Fortune+Horseshoe***&amp;output=js">

</script>

*** Here is where you get snippy with the code

The Above Script will not work, its is only an illustration.....