CODICE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><$BlogTitle$></title>
<style type="text/css">
body {
background-color: #040404;
background-image: url('http://i41.tinypic.com/10o4jh0.png');
background-repeat: repeat;
}
#immagine{
position: absolute;
left: 0px;
top: 40px;
}
.title {
font-family:Times New Roman;
font-size:20px;
font-weight:bold;
letter-spacing:-1px;
color: #c4c2c2;
line-height: 20px;
text-transform:uppercase;
text-align:left}
#colonna1 {
position: absolute;
top:480px;
left:40px;
width: 250px;
height:120px;
z-index: 0;
overflow: auto; }
#colonna2 {
position: absolute;
top:480px;
left:310px;
width: 250px;
height:120px;
z-index: 0;
overflow: auto; }
p, body, div
{
font-family:Verdana;
font-size:9px;
letter-spacing:0px;
color: #454545;
line-height: 10px;
text-align:justify}
b, strong {
font-size:10px;
color: #233a41;
line-height:10px;}
i,em{
color: #36606e;
font-size:10px;}
u{
color: #627981;
font-size:10px;}
.contatore {
letter-spacing:3px;}
a:link, a:visited {
color: #c4c2c2;
text-decoration:none;
}
a:hover {
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;
}
.collegamentouno a:link, .collegamentouno a:visited{
position: absolute;
top:385px;
left: 5px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #381b35;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentouno a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}
.collegamentodue a:link, .collegamentodue a:visited {
position: absolute;
top:385px;
left: 135px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #14404e;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentodue a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}
.collegamentotre a:link, .collegamentotre a:visited {
position: absolute;
top:385px;
left: 265px;
width:130px;
text-transform:uppercase;
font-family:Courier New, Courier, monospace;
color: #381b35;
font-size:20px;
font-weight:bold;
text-align:center;}
.collegamentotre a:hover{
color: #454545;
letter-spacing:-1px;
text-transform: uppercase;}
#blogger {
position: absolute;
width: 520px;
z-index: 3;
left: 40px;
top: 660px;}
.contenitore {
background-color:#171717;
padding: 10px;}
.cronologia {
font-family:Courier New, Courier, monospace;
text-transform:uppercase;
font-size:10px;
color:#40293d;
text-align: left;
line-height:10px}
</style>
</head>
<body>
<div id="immagine"><img src="http://i41.tinypic.com/nvs21f.png" border="0"><br/>
<img src="http://i39.tinypic.com/if74eo.png" border="0"><br/>
<img src="http://i39.tinypic.com/msd6b4.png" border="0"><br/>
<img src="http://i48.tinypic.com/nva7nq.png" border="0">
</div>
<div class="collegamentouno">
<a href="#">LINK#1</a></div>
<div class="collegamentodue">
<a href="#">LINK#2</a></div>
<div class="collegamentotre">
<a href="#">LINK#3</a></div>
<div id="colonna1">
<div class="title">Who I am</div>
<b>grassetto</b>, <u>sottolineato</u>, <i>corsivo</i><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi.
<br>
<br>
<div class="title">Love</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi.
<br>
<br>
<div class="title">Hate</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi.
<br>
<br>
<div class="title">Books</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi.
<br>
<br>
<div class="title">Music</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi.
</div>
<div id="colonna2">
<div class="title">Counter</div>
Sono passati di qui in:<br/>
<div class="contatore"><$BlogCounter$></div>
<br>
<div class="title">Categories</div>
<$BlogCategories$>
<br>
<br>
<div class="title">Archivio</div>
<$BlogArchive$>
<br>
<br>
<div class="title">Credits</div>
Template made by <a href="http://sternsgraphic.forumcommunity.net/">Stern</a><br>
<span xmlns:dc="http://purl.org/dc/elements/1.1/" href="http://purl.org/dc/dcmitype/StillImage" property="dc:title" rel="dc:type">Stern's
Graphic</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://sternsgraphic.forumcommunity.net/" property="cc:attributionName"
rel="cc:attributionURL">Stern</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/">Creative Commons
Attribuzione-Non commerciale-Non opere derivate 2.5 Italia License</a><br>
<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/2.5/it/"><img alt="Creative Commons License" style="border-width:0"
src="http://i.creativecommons.org/l/by-nc-nd/2.5/it/80x15.png"></a><br>Distribuited on <a href="http://sternsgraphic.forumcommunity.net/">1</a> <a
href="http://artpieces.splinder.com/">2</a> <a href="http://folliedartegraphic.splinder.com/">3</a>
</div>
<div id="blogger">
<Blogger>
<div class="contenitore">
<div class="title"><$BlogItemTitle$></div>
<div class="cronologia">(<$BlogDateHeaderDate$>-<$BlogItemDateTime$>)</div>
<br>
<$BlogItemBody$>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In porttitor viverra sem nec gravida. Maecenas accumsan consectetur turpis vitae hendrerit.
Donec bibendum eros nec massa consequat congue eleifend purus pulvinar. Aliquam velit enim, adipiscing ut volutpat et, molestie sed mi. Nullam
fringilla venenatis nunc, quis malesuada odio interdum eget. Quisque laoreet commodo elit non interdum. Class aptent taciti sociosqu ad litora
torquent per conubia nostra, per inceptos himenaeos. Pellentesque vehicula orci quis eros pellentesque hendrerit. Maecenas tempor iaculis augue,
tempus malesuada eros semper quis. Nunc in nulla at elit sagittis bibendum. Aenean venenatis placerat tortor vitae pharetra. Nullam vulputate
sollicitudin metus sit amet laoreet. Aenean placerat sagittis tincidunt. Aenean nec nibh libero, consequat fermentum nulla. Sed auctor venenatis
vehicula.
<br>
<br>
Written by <b><$BlogItemAuthor$></b>, thanks for <$BlogItemComments$>!</br>
<br>
<br>
</div>
</Blogger>
<$BlogPager$>
<br>
<br>
</div>
</body>
</html>