Colorful.Life (~)

Free Layout Colorful Life

Pegue o Código :)

Este é um template gratuito oferecido pelo blog Chicletts.
Disponível para Uol-Zip e Blogger(modelo clássico).
É assim que o template ficará em seu blog.
Cuidado na hora de instalar o template para não apagar nenhuma tag, pois pode comprometer o funcionamento do blog.
Por favor, não retire os créditos :)

Blogger

}
b{
color: #F97C1B;
background-color:#FFFF00;
}
u {
color: #8a9e38;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #80C3C6;
}
a:link {color:#f4808d; text-decoration: none;}
a:visited {color:#f4808d;  text-decoration: none;}
a:hover {color: #b5c969; text-decoration: none; border-bottom: 1px dashed #f4808d; border-top: 2px solid #ffffff; background-color:#f0f0f0;
}
#b-navbar {
       height:0px;
        visibility:hidden;
        display:none
}
#navbar-iframe {
       height:0px;
        visibility:hidden;
        display:none
}
.titulopost {
        font-size: 14px;
        color: #F97C1B;
        font-weight: bold;
}
.div1 {
        color: #ffffff;
        border-top: 1px solid #ffffff;
        border-bottom: 2px solid #fff;
        background-color: #b5c969;

}
        
.div2 {
        color: #ffffff;
        border-bottom: 1px dashed #ffffff;
        text-align: right;
        background-color: #80C3C6;

}

</style>
<BODY background=http://a.imageshack.us/img822/976/bgrestartvicideiaab.png>
<SPAN style="POSITION: absolute; TOP: 0px; LEFT: 0px">
<IMG src="http://a.imageshack.us/img810/2613/restartvicideiaac.png"></SPAN> 
<DIV style="POSITION: absolute; WIDTH: 143px; HEIGHT: 58px; TOP: 373px; LEFT: 134px">

<center>
<img src="http://a.imageshack.us/img36/5448/buttoncolorfullifebychi.gif">
<INPUT onmouseover=this.focus() onfocus=this.select() size=7
value='<center><a href="http://ENDEREÇO_DO_SEU_BLOG_AQUI.com" target=_blank><img src="http://a.imageshack.us/img36/5448/buttoncolorfullifebychi.gif" border="0"></a></center>'
name=textfield> </center>

</DIV>

<DIV style="POSITION: absolute; WIDTH: 155px; HEIGHT: 44px; TOP: 420px; LEFT: 299px">
<center><p class="titulopost">
I <font color="#A6BD46">Can't</font> </font><span style="background-color: #FFFF00">live</span>
<font color="#F4808D">without</font> <font color="#80C3C6">colors</font>! <img src="http://i253.photobucket.com/albums/hh63/BlogCG/th_minipixels/plakinhas/colorfulhaearts.gif" border="0"></p></center>
</DIV>

</DIV>
<DIV style="POSITION: absolute; WIDTH: 191px; HEIGHT: 477px; TOP: 371px; LEFT: 484px">

<DIV class=div1> Me</DIV>
<DIV class=div2> Conheça um pouco</DIV>
<BR>

<img src="http://i274.photobucket.com/albums/jj245/jeantwn/colorfullife.gif" border="0" align="left">
Se descreva aqui. 
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.
Se descreva aqui.

<br><br>

<DIV class=div1> Blog</DIV>
<DIV class=div2> Colorful Life</DIV>
<BR>

Descreva o Blog aqui!

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Plugs</DIV>
<DIV class=div2> Amigos</DIV><br><center>

<a href="http://Chicletts.blogspot.com" target=_blank>Chicletts</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<br><br></center>
<DIV class=div1> Arquivos</DIV>
<div class=div2>Postagens Anteriores</div><br><center>
<DIV style="WIDTH: 190px; HEIGHT: 100px; overflow: auto; BORDER: 2px solid #FDA15B">
Recentes:<br>
<p align="left">	<BloggerPreviousItems>
 . <a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a><br>
	</BloggerPreviousItems>
<MainOrArchivePage></p>
Mês:<br>
<p align="left">	<BloggerArchives>
    . <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br>
	</BloggerArchives>
</MainOrArchivePage></p>

</DIV>
<br></center>
<DIV class=div1> Créditos</DIV>
<DIV class=div2> Obrigada!</DIV>
<center><a href="http://outspoken-kate.com" target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>.
<a href="http://maca-envenenada.zip.net" target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>. 
<a href=http://URL_DOS_CREDITOS_AQUI.COM.BR target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>. 
<a href=http://URL_DOS_CREDITOS_AQUI.COM.BR target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a><br><br>Template por<br>Giovanna Cobuccio :)<BR>
<A href="http://chicletts.blogspot.com" target=_blank><IMG border=0 alt="Chicletts :)" src="http://i253.photobucket.com/albums/hh63/BlogCG/layoutbutton/buttonchiclettsBB.gif"></A> 
<br></CENTER><BR>
</DIV>
 
<DIV style="POSITION: absolute; WIDTH: 318px; HEIGHT: 424px; TOP: 487px; LEFT: 136px">
<center>
<blogger></center>
<div class=div1><blogdateheader><$BlogDateHeaderDate$></blogdateheader></div>
<div class=div2><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0> Por: <$BlogItemAuthor$> às <$BlogItemDateTime$> </div>
<center><p class="titulopost"><BlogItemtitle><$BlogItemTitle$></BlogItemtitle></p></center>
<$BlogItemBody$>
<BR>
<center><$BlogItemCreate$> <img src="http://i38.tinypic.com/2z4wf9g.gif" border=0> Atualmente: <$I18NNumComments$><br><br><img src="http://i36.tinypic.com/f3t3ck.gif" border=0><img src="http://i36.tinypic.com/f3t3ck.gif" border=0><br><br><br>
</blogger>
</center></div>
</body></html>

Uol

<html><head><meta name="ProgId" content="FrontPage.Editor.Document">
<meta name=GENERATOR content="Microsoft FrontPage 6.0">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<TITLE><%VAR BLOG_TITLE%></TITLE><link href='http://sites.google.com/site/gcobuccio/favicon/chcltss_faab.ico' rel='shortcut icon'/></head>
<script>
var zeroComm = "<%VAR BLOG_TEXT_NO_COMMENT%>";
var humComm = "<%VAR BLOG_TEXT_ONE_COMMENT%>";
var enesComm = "<%VAR BLOG_TEXT_MORE_COMMENTS%>";
 
var url;
function abre(url,w,h,scr) {
 window.open(url,'comentarios','width='+w+',height='+h+',directories=0,location=0,menubar=0,resizable=0,scrollbars='+scr+',status=0,toolbar=0,marginleft=0,margintop=0,left=25,top=25');
}
 
function commentText(qtd) {
 if(qtd == "0") {txtFinal = "("+qtd+") "+ zeroComm;}
  else if (qtd == "1") {txtFinal = "("+qtd+") "+ humComm;} 
  else {txtFinal = "("+qtd+") "+ enesComm;}
  return txtFinal;
}
</script><style>
table {
  font-size : 9px ;
             }
TEXTAREA,select {
font-size : 9px ;
font-family : verdana ;
color : #ffffff; 
border: #ffffff 1px solid; 
background-color: #f4808d; 
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #f4808d;
scrollbar-track-color: #ffffff;
}
input {
BORDER: #ffffff 2px dashed; FONT-SIZE: 9px;
WIDTH: 88px; COLOR: #ffffff; FONT-FAMILY: tahoma;
HEIGHT: 15px; BACKGROUND-COLOR: #f4808d;
}
  
body,td,p {
 FONT-SIZE: 7pt; COLOR: #4e4e4e; FONT-FAMILY: verdana; 
TEXT-DECORATION: none;
}
 
BODY {
scrollbar-face-color: #FDA15B;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #ffffff;

}
b{
color: #F97C1B;
background-color:#FFFF00;
}
u {
color: #8a9e38;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #80C3C6;
}
a:link {color:#f4808d; text-decoration: none;}
a:visited {color:#f4808d;  text-decoration: none;}
a:hover {color: #b5c969; text-decoration: none; border-bottom: 1px dashed #f4808d; border-top: 2px solid #ffffff; background-color:#f0f0f0;
}
.titulopost {
        font-size: 14px;
        color: #F97C1B;
        font-weight: bold;}
.div1 {
        color: #ffffff;
        border-top: 1px solid #ffffff;
        border-bottom: 2px solid #fff;
        background-color: #b5c969;

}
        
.div2 {
        color: #ffffff;
        border-bottom: 1px dashed #ffffff;
        text-align: right;
        background-color: #80C3C6;

}

<br><br>

<DIV class=div1> Blog</DIV>
<DIV class=div2> Colorful Life</DIV>
<BR>

Descreva o Blog aqui!

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Coisas</DIV>
<DIV class=div2> Trecos</DIV>
<BR>

Coloque aqui suas coisinhas! :D

<br><br>

<DIV class=div1> Plugs</DIV>
<DIV class=div2> Amigos</DIV><br><center>

<a href="http://Chicletts.blogspot.com" target=_blank>Chicletts</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<a href="ENDEREÇO_DO_BLOG_OU_SITE.com.br" target=_blank>Blog</a> |
<br><br></center>
<DIV class=div1> Arquivos</DIV>
<div class=div2>Postagens Anteriores</div><br><center>
<DIV style="WIDTH: 190px; HEIGHT: 100px; overflow: auto; BORDER: 2px solid #FDA15B">

<%IF BLOG_ARCHIVE_LINK%>
<p align="center"><a href="<%VAR BLOG_ARCHIVE_LINK_URL%>"><b>Anteriores</b></a></p>
 
<%ELSE%>

<%WHILE ARCHIVE_LINK%>
	<a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> à <%VAR ARCHIVE_DATE_END%></a><br>
	<%ENDWHILE%>

<%ENDIF%>

</DIV>
<br></center>
<DIV class=div1> Créditos</DIV>
<DIV class=div2> Obrigada!</DIV>
<center><a href=http://outspoken-kate.com target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>.
<a href=http://maca-envenenada.zip.net target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>. 
<a href=http://URL_DOS_CREDITOS_AQUI.COM.BR target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a>. 
<a href=http://URL_DOS_CREDITOS_AQUI.COM.BR target=_blank><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0></a><br><br>Template por<br>Giovanna Cobuccio :)<BR>
<A href="http://chicletts.blogspot.com" target=_blank><IMG border=0 alt="Chicletts :)" src="http://i253.photobucket.com/albums/hh63/BlogCG/layoutbutton/buttonchiclettsBB.gif"></A> 
<br></CENTER><BR>
</DIV>
 
<DIV style="POSITION: absolute; WIDTH: 318px; HEIGHT: 424px; TOP: 487px; LEFT: 136px">

<center><%IF BLOG_ARCHIVE_PAGE%><%WHILE ARCHIVE_LINK%><a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a><%ENDWHILE%><br><br><a href="index.html">voltar</a><%ELSE%>
 
 
     

</center><%WHILE POST_TITLE%>
 <div class="div1">
<script>dataPost = "<%VAR POST_DATE_HEADER%>";if (dataPost != "") {document.write("<tr><td height=20 id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");}
else {document.write("<tr><td id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");}</script></div>
 
<div class="div2"><img src="http://i38.tinypic.com/2z4wf9g.gif" border=0> Por: <b><%VAR POST_USER%></b> às <%VAR POST_DATE%>  <%IF BLOG_ACCEPT_COMMENT%> </div>
 
<tr>
 
<td valign=top style=padding-left:10px;padding-right:10px>
<%IFNOT POST_TITLE=''%> <b><%VAR POST_TITLE%></b>
<br><br><%ENDIF%><%VAR POST_TEXT%><br clear=all>
 
<%ELSE%><%IF POST_HAS_COMMENT%> <a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');"><span id="post<%VAR POST_ID%>"></span> </a> <%ENDIF%><%ENDIF%>
 
<%IF BLOG_RECOMMEND_POST%><a id=b href="javascript:abre('http://navblog.uol.com.br/recommend.html?idBlog=<%VAR BLOG_ID%>&postFileName=<%VAR POST_ID%>','340','400','1');"></a> <%ENDIF%><clear=all>
<center><a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');"><span id="post<%VAR POST_ID%>"></span> </a><br><img src="http://i36.tinypic.com/f3t3ck.gif" border=0><img src="http://i36.tinypic.com/f3t3ck.gif" border=0> <br><br><br></center> 
 
<%ENDWHILE%>
      

<%ENDIF%>
 
</DIV></CENTER>
 
<%IF BLOG_ACCEPT_COMMENT%><script src=<%VAR BLOG_SCRIPT_URI%>></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="mood.js"></script><%ENDIF%>
</center></div>
</body></html>
<%DEFINE POST_TEXT STRING NULL%><%DEFINE POST_TITLE STRING NULL%><%DEFINE POST_DATE STRING NULL%><%DEFINE POST_USER STRING NULL%><%DEFINE POST_DATE_HEADER STRING NULL%><%DEFINE BLOG_POST_QTTY INTEGER 0%><%DEFINE BLOG_LINK_QTTY INTEGER 0%>
<%DEFINE LINK_URL STRING NULL%>
<%DEFINE LINK_TITLE STRING NULL%>
 
<%DEFINE BLOG_NEIGHBOOR_QTTY INTEGER 0%>
<%DEFINE NEIGHBOOR_URL STRING NULL%>
<%DEFINE NEIGHBOOR_TITLE STRING NULL%>
 
<%DEFINE BLOG_OWNER_NAME STRING NULL%>
<%DEFINE BLOG_CURRENT_DATE STRING NULL%>
 
<%DEFINE ARCHIVE_DATE_BEGIN STRING NULL%>
<%DEFINE ARCHIVE_DATE_END STRING NULL%>
<%DEFINE ARCHIVE_LINK STRING NULL%>
 
<%DEFINE BLOG_ARCHIVE_QTTY INTEGER 0%>
<%DEFINE BLOG_ARCHIVE_LINK BOOLEAN FALSE%>
<%DEFINE BLOG_ARCHIVE_PAGE BOOLEAN FALSE%>
<%DEFINE BLOG_ARCHIVE_LINK_URL STRING NULL%>
 
<%DEFINE BLOG_ID STRING NULL%>
<%DEFINE BLOG_SCRIPT_URI STRING NULL%>
<%DEFINE POST_ID STRING NULL%>
 
<%DEFINE BLOG_EMOTICON_HEAD STRING NULL%>
<%DEFINE BLOG_EMOTICON_BODY STRING NULL%>
<%DEFINE BLOG_EMOTICON_FOOT STRING NULL%>
 
<%DEFINE BLOG_VOTE BOOLEAN FALSE%>
 
<%DEFINE BLOG_RECOMMEND_BLOG BOOLEAN FALSE%>
<%DEFINE BLOG_RECOMMEND_POST BOOLEAN FALSE%>
 
<%DEFINE BLOG_ACCEPT_COMMENT BOOLEAN FALSE%>
<%DEFINE POST_HAS_COMMENT BOOLEAN FALSE%>
<%DEFINE BLOG_TITLE STRING NULL%>
 
<%DEFINE BLOG_TEXT_NO_COMMENT STRING Sem comentários%>
<%DEFINE BLOG_TEXT_ONE_COMMENT STRING Um comentário%>
<%DEFINE BLOG_TEXT_MORE_COMMENTS STRING Comentários%>
 
<%DEFINE BLOG_COUNTRY STRING NULL%>
<%DEFINE BLOG_STATE STRING NULL%>
<%DEFINE BLOG_CITY STRING NULL%>
<%DEFINE BLOG_DISTRICT STRING NULL%>
<%DEFINE BLOG_REGION STRING NULL%>
<%DEFINE BLOG_GENDER STRING NULL%>
<%DEFINE BLOG_AGE STRING NULL%>
<%DEFINE BLOG_LANGUAGE1 STRING NULL%>
<%DEFINE BLOG_LANGUAGE2 STRING NULL%>
<%DEFINE BLOG_INTEREST1 STRING NULL%>
<%DEFINE BLOG_INTEREST2 STRING NULL%>
<%DEFINE BLOG_INTEREST STRING NULL%>
<%DEFINE BLOG_IM_TYPE STRING NULL%>
<%DEFINE BLOG_IM_ID STRING NULL%>
 
<%DEFINE BLOG_OWNER_MOOD BOOLEAN FALSE%>