Visualise o Templatehttp://disneyprogramacao.blogspot.com/2011/03/layout-preto-e-branco-desenhos-para.html<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><head><script type='text/javascript'>// <![CDATA[var colour="#000000";var sparkles=50;var x=ox=400;var y=oy=300;var swide=800;var shigh=600;var sleft=sdown=0;var tiny=new Array();var star=new Array();var starv=new Array();var starx=new Array();var stary=new Array();var tinyx=new Array();var tinyy=new Array();var tinyv=new Array();window.onload=function() { if (document.getElementById) {var i, rats, rlef, rdow;for (var i=0; i<sparkles; i++) {var rats=createDiv(3, 3);rats.style.visibility="hidden";document.body.appendChild(tiny[i]=rats);starv[i]=0;tinyv[i]=0;var rats=createDiv(5, 5);rats.style.backgroundColor="transparent";rats.style.visibility="hidden";var rlef=createDiv(1, 5);var rdow=createDiv(5, 1);rats.appendChild(rlef);rats.appendChild(rdow);rlef.style.top="2px";rlef.style.left="0px";rdow.style.top="0px";rdow.style.left="2px";document.body.appendChild(star[i]=rats);}set_width();sparkle();}}function sparkle() {var c;if (x!=ox || y!=oy) {ox=x;oy=y;for (c=0; c<sparkles; c++) if (!starv[c]) {star[c].style.left=(starx[c]=x)+"px";star[c].style.top=(stary[c]=y)+"px";star[c].style.clip="rect(0px, 5px, 5px, 0px)";star[c].style.visibility="visible";starv[c]=50;break;}}for (c=0; c<sparkles; c++) {if (starv[c]) update_star(c);if (tinyv[c]) update_tiny(c);}setTimeout("sparkle()", 40);}function update_star(i) {if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";if (starv[i]) {stary[i]+=1+Math.random()*3;if (stary[i]<shigh+sdown) {star[i].style.top=stary[i]+"px";starx[i]+=(i%5-2)/5;star[i].style.left=starx[i]+"px";}else {star[i].style.visibility="hidden";starv[i]=0;return;}}else {tinyv[i]=50;tiny[i].style.top=(tinyy[i]=stary[i])+"px";tiny[i].style.left=(tinyx[i]=starx[i])+"px";tiny[i].style.width="2px";tiny[i].style.height="2px";star[i].style.visibility="hidden";tiny[i].style.visibility="visible"}}function update_tiny(i) {if (--tinyv[i]==25) {tiny[i].style.width="1px";tiny[i].style.height="1px";}if (tinyv[i]) {tinyy[i]+=1+Math.random()*3;if (tinyy[i]<shigh+sdown) {tiny[i].style.top=tinyy[i]+"px";tinyx[i]+=(i%5-2)/5;tiny[i].style.left=tinyx[i]+"px";}else {tiny[i].style.visibility="hidden";tinyv[i]=0;return;}}else tiny[i].style.visibility="hidden";}document.onmousemove=mouse;function mouse(e) {set_scroll();y=(e)?e.pageY:event.y+sdown;x=(e)?e.pageX:event.x+sleft;}function set_scroll() {if (typeof(self.pageYOffset)=="number") {sdown=self.pageYOffset;sleft=self.pageXOffset;}else if (document.body.scrollTop || document.body.scrollLeft) {sdown=document.body.scrollTop;sleft=document.body.scrollLeft;}else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {sleft=document.documentElement.scrollLeft;sdown=document.documentElement.scrollTop;}else {sdown=0;sleft=0;}}window.onresize=set_width;function set_width() {if (typeof(self.innerWidth)=="number") {swide=self.innerWidth;shigh=self.innerHeight;}else if (document.documentElement && document.documentElement.clientWidth) {swide=document.documentElement.clientWidth;shigh=document.documentElement.clientHeight;}else if (document.body.clientWidth) {swide=document.body.clientWidth;shigh=document.body.clientHeight;}}function createDiv(height, width) {var div=document.createElement("div");div.style.position="absolute";div.style.height=height+"px";div.style.width=width+"px";div.style.overflow="hidden";div.style.backgroundColor=colour;return (div);}// ]]></script> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*/* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="mainTextColor" description="Text Color" type="color" default="#000" value="#000000"> <Variable name="postTitleColor" description="Post Title Color" type="color" default="#000000" value="#000000"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="borderColor" description="Post Border Color" type="color" default="#000" value="#000000"> <Variable name="mainLinkColor" description="Link Color" type="color" default="#000" value="#000000"> <Variable name="mainVisitedLinkColor" description="Visited Link Color" type="color" default="#000" value="#000000"> <Variable name="titleBgColor" description="Page Header Background Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="titleTextColor" description="Blog Title Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarHeaderColor" description="Top Sidebar Title Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarBgColor" description="Top Sidebar Background Color" type="color" default="#FFF" value="#FFFFFF"> <Variable name="topSidebarTextColor" description="Top Sidebar Text Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarLinkColor" description="Top Sidebar Link Color" type="color" default="#000" value="#000000"> <Variable name="topSidebarVisitedLinkColor" description="Top Sidebar Visited Link Color" type="color" default="#000" value="#000000"> <Variable name="bottomSidebarHeaderColor" description="Bottom Sidebar Title Color" type="color" default="#000" value="#000000"> <Variable name="bottomSidebarLinkColor" description="Bottom Sidebar Link Color" type="color" default="#000" value="#000000"> <Variable name="bottomSidebarVisitedLinkColor" description="Bottom Sidebar Visited Link Color" type="color" default="#000" value="#000000"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="pageTitleFont" description="Blog Title Font" type="font" default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="descriptionFont" description="Blog Description Font" type="font" default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="headerFont" description="Sidebar Title Font" type="font" default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="postTitleFont" description="Post Title Font" type="font" default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif"> <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"> <Variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right">*/body { background:url('http://www.snazzyspace.com/defaultimages/080808_brass-knuckles.gif') repeat #000000; margin:0; text-align:center; line-height: 1.5em; font: x-small Trebuchet MS, Verdana, Arial, Sans-serif; color:$mainTextColor; font-size/* */:/**/small; font-size: /**/small; }/* Page Structure----------------------------------------------- *//* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */#outer-wrapper { width:740px; margin:0 auto; text-align:$startSide; font: $bodyFont; }#main-wrap1 { width:485px; float:$startSide; background:#FFFFFF; margin:15px 0 0; padding:0 0 10px; color:$mainTextColor; font-size:97%; line-height:1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }#main-wrap2 { float:$startSide; width:100%; background:#FFFFFF; padding:10px 0 0; }#main { background:#FFFFFF;