Olá amor, aqui tens o teu template (:
CSS:
body { margin:0px 10px 0px 10px; background: #101010; }
form { margin:0; padding: 0; }
blockquote{
background: #000000;
font-family: arial;
color: #4d4d4d;
border-left: 4px solid #FE0B61;
padding: 6px;
}
::-moz-selection{
background: #ccc;
color: #333;
}
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent; }
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:460px; font-size:13px; color:#E18F9D; background: transparent; float: center;}
#header { width:460px; height:10px; margin-bottom:18px; padding-left:18px; }
#header .title { font-size:30px; font-weight:bold; color: transparent; backgroud-color: transparent; padding-top:10px; width:400px; text-align:left;}
#header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#ffffff; text-decoration:none;}
#header .descri { color:#bb294a; width:724px; text-align:left; font-size:13px; font-weight: bolder; }
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#bb294a; text-decoration:underline;}
#extras { float:right; display: none; width:200px; padding-left:18px; background-color: transparent; background-color: #ceed60; display: none;}
#extras .title { font-size:18px; color:#ffffff;}
#extras p { color:#ECA4B0; font-weight:bold;}
#extras p a, p a:link, p a:active{ font-size:11px; color:#eca4b0; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#eca4b0; text-decoration:underline;}
#extras p a:hover { color:#ffffff; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #bb294a; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eca4b0; border-right-color: #eca4b0; border-bottom-color: #eca4b0; border-left-color: #eca4b0;}
.form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #ffffff; border: 1px solid #eca4b0; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#eca4b0;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#eca4b0; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#bb294a; padding:2px 3px; }
#calendar .dayNum a:hover { color:#bb294a; text-decoration:underline; background-color:#eca4b0; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#bb294a; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#bb294a; text-decoration:underline; padding:2px 3px; background-color:#ffffff;}
#calendar .today span { color:#bb294a; padding:2px 3px; background-color:#ffffff;}
#calendar .today a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#940928;}
#barrita { text-align:center;}
#posts { text-align: center; background: #1f1f1f; padding: 200px; width: 460px; margin-top: 50px; float: center;}
#posts .date { font-size:12px; font-weight:none; text-transform:uppercase; margin-bottom:0px; color:#abfe0b; font-family: verdana; border-bottom: 1px solid #373737;}
#posts .title { font-family: georgia; font-size:26px; font-weight:italic; color:#ff9600; margin-bottom:5px;}
#posts .title:hover {
color:#fe0b61;
text-shadow:1px 1px 1px #333333;
}
#posts p { margin:0px 0px 5px 0px; color:#32372f; font-size:10px; font-weight:normal; font-family: verdana;}
#posts p a, p a:link, p a:active {text-decoration: none; color: #AAA; }
#posts p a:visited {text-decoration: none; color: #AAA; }
#posts p a:hover {border-bottom: 1px dashed #EEE; color: #CCC;}
#posts .sign { font-size:10px; margin-top:15px; color:#e18f9d;}
#posts .sep { width:483px; border-bottom:1px solid #de5473; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#e18f9d;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#FFF; font-weight:bold;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#FFF;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#e18f9d;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:460px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#e18f9d; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar p { margin:0px; color:#E18F9D; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#E18F9D; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#FFF; text-decoration:underline;}
#comentar .txt {color:#e18f9d; font-size:13px;}
#comentar .options {font-size:10px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#e18f9d; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#ffffff;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#ffffff; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#e18f9d; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#BB294A;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #BB294A;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#ffffff;}#adw #adwcont .adwtit a {color:#eca4b0; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#eca4b0; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#ffffff; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#eca4b0; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}
#posts, #extras { overflow: hidden; }
#extras .comment a { color: #eca4b0; }
#extras .comment a:hover { color: #ffffff; }
depois tens de fazer as alterações que desejares.
HTML:
(cola num componente do teu blog e coloca no topo dos posts):
<html>
<head>
<title>If you give them the chance.</title>
<style type="text/css">
a:link, a:active, a:visited{
font-family: arial;
font-size: 11px;
color: #ABFE0B;
text-decoration: none;
}
a:hover{
font-family: arial;
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
a.titlelink:link, a.titlelink:active, a.titlelink:visited{
font: normal 13px book antiqua;
color: #FEEA0B;
text-decoration: none;
cursor: help;
padding-top: 2px;
}
a.titlelink:hover{
font: normal 13px book antiqua;
color: #FF9600;
text-decoration: none;
cursor: help;
padding-top: 2px;
}
body{
font-family: arial;
font-size: 10px;
font-weight: none;
color: #ffffff;
background-color: #000000;
background-repeat: x;
background-position: fixed;
}
#main{
font-family: arial;
font-size: 8pt;
background-color: #292929;
color: #A7A7A7;
line-height: 13.5px;
letter-spacing: 0px;
text-align: justify;
width: 460px;
}
#navi{
background: none;
text-align: right;
font-family: georgia;
line-height: 8px;
font-size: 43px;
letter-spacing: -4px;
color: #9c9c9c;
width: 600px;
}
.text{
border: 1px solid #292929;
background-color: #1F1F1F;
padding: 20px;
text-align: justify;
}
.h1{
text-align: left;
font-size: 16px;
font-family: arial;
line-height: 11px;
letter-spacing: -1px;
color: #FE0B61;
text-transform: lowercase;
}
.icon{
padding: 5px;
border: 1px solid #454545;
}
.post{
text-align: left;
font-size: 11px;
font-family: arial;
color: #C5C5C5;
line-height: 12px;
}
blockquote{
background: #000000;
font-family: arial;
color: #4d4d4d;
border-left: 4px solid #FE0B61;
padding: 6px;
}
.blogger-labels{
border-top: 1px solid #e5e5e5;
font-size: 10px;
padding-top: 5px;
margin: 10px auto 0 auto;
text-align: right;
}
b,strong{
font-family: georgia;
font-size: 9px;
color: #FF9600;
cursor: help;
}
i,em{
font-family: georgia;
font-size: 10px;
color: #FEEA0B;
cursor: help;
}
u{
text-decoration: none;
color: #FE0B61;
border-bottom: 1px dotted #C3FF69;
cursor: help;
}
::-moz-selection{
background: #ccc;
color: #333;
}
</style>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<noembed><body></noembed>
<br/>
<div align="center">
<div id="navi">
<div style="padding: 40px 5px 20px 5px;"/>
<span style="color: #FE0B61;cursor: text;" onMouseover="this.style.color='#FBC8CB'" onMouseout="this.style.color='#FE0B61'" onClick="changeNavigation('entries')">don't </span>
<span style="color: #FF9600;cursor: text;" onMouseover="this.style.color='#FBDAAA'" onMouseout="this.style.color='#FF9600'" onClick="changeNavigation('profile')">sell </span>
<span style="color: #FEEA0B;cursor: text;" onMouseover="this.style.color='#FAF5BC'" onMouseout="this.style.color='#FEEA0B'" onClick="changeNavigation('tagboard')">your </span>
<span style="color: #ABFE0B;cursor: text;" onMouseover="this.style.color='#E3FBB4'" onMouseout="this.style.color='#ABFE0B'" onClick="changeNavigation('links')">heart,</span>
</div>
<div id="main">
you make me LALA!
<table><tr>
<td valign="top" width="110px"><div class="icon"><img src="http://i411.photobucket.com/albums/pp195/partystealer/fashtwo.png"></div></td>
</tr></table>
</div>
<br/>
</div>
</div>
<div id="profile" style="display: none;">
<div class="text">
<div class="h1">i am not a saint</div>
<br/>
Hello, music is the <i>love</i> and I can't live without it because I'd lose my head. I like bright neon colours and <b>city highways</b>
filled with red cars, rainy sunday afternoons and popcorn. I love eating fish but am not a fan of toothbrushes or homework. I hug Snoopy every night and eat cereal for breakfast,
lunch and dinner. I'm also a die-hard fan of Chocolate and Ice-Cream. I'd watch <u>Disney Channel</u> every hour of the day if I could. <br>
</div>
</div>
<div id="tagboard" style="display: none;">
<div class="text">
<div class="h1">voiceless</div>
<br/>
<center>Tagboard here <a href="http://cbox.ws">cbox</a> recommended. Max width 360px if you want this section to look decent. </center>
</div>
</div>
<div id="links" style="display: none;">
<div class="text">
<div class="h1">exeunt</div>
<br/>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
</div>
<br/>
<div class="text">
<div class="h1">layout</div>
<br/>
<b>design:</b> <a href="http://blogskins.com/me/anxiety" target="_blank">Anxiety</a><br/><a href="www.saraaicha.blogs.sapo.pt" target="_blank">SaraWilliams</a><br/>
</div>
</body>
</html>
Espero que gostes (:
30 comentários?