Important: iGoogle will be retired on November 1, 2013. We are no longer accepting new theme submissions.
Adventure in Lollipopland by Mark Frauenfelder
One way to make your banner image seem to stretch across the screen is to tile a background image that repeats, then place another image on top of it in the center.
"Adventure in Lollipopland" by Mark Frauenfelder makes good use of this technique. The grassy part of the background that extends to either side is simply a tiled repeating image. The illustration in the center lines up with the repeating background to make it look like a single image.
To make the transition from the image to the tile seamless, the left edge of the header and right edge of the tile must match, as well as the right edge of the header and the left edge of the tile. To ensure the tile and header image align, the tile image needs to fit evenly behind the background image. If the header image is 900 px wide, the tile must be 900 px (1 tile fits behind), 450 px wide (2 tiles), 300 px wide (3 tiles), etc. This ensures that when the page is resized, the tiles and header align to create a seamless image.
"All the creatures you see in my drawings here were invented by my daughters, Jane (4) and Sarina (10). Their art is full of magical beasts and little girls that play with them. Their imaginative visions gush out, while mine come out in mean little drops. That's why I must steal from them. Fortunately, the are too young and ignorant of the ways of the world to sue me."
Writer, illustrator and ukulele fanatic Mark Frauenfelder is the author of several books, including most recently Rule the Web: How to Do Anything and Everything on the Internet - Better, Faster, Easier, and hundreds of magazine articles on science and technology. He co-founded Boing Boing, today considered the most popular blog on the internet. He is also the editor-in-chief of Make Magazine. He lives with his wife and two daughters in Los Angeles.