natale | ♥ Demolition Gaphic ♥

Ok, lo so, manca ancora molto al Natale, ma questa foto mi ha ispirata, per cui...eccovi qua il bell'uomo in versione natalizia. Sempre template a due colonne. ^^

Anteprima
Scarica html

<html>
<head>
<title>titolo</title>
<style type=text/css>
/* GENERICHE
============================== */
body {
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #999999;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #999999;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color:#999999;
background-color: #000000;
color: #999999;
text-align:center;
margin: 0px auto;
font-family: tahoma;
font-size: 10px;
cursor: se-resize;
}
#contenitore{
background-color: #000000;
text-align:center;
background-image: url(http://kaosbabe.altervista.org/templates/sfondoxmas.jpg);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 781px;
}
/* FORMATTAZIONE TITOLETTI
============================== */
.titolo {
font-family: tahoma;
font-size: 12px;
text-transform: lowercase;
letter-spacing: 1px ;
padding: 2px;
color: #999999;
margin-right: 04px;
margin-left: 06px;
text-align: right;
border-bottom: 1px solid; border-color: #999999;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #000000;
background-image: url(http://kaosbabe.altervista.org/templates/xmastime.jpg);
height: 804px;
background-repeat: no-repeat;
}
#blog
{
width: 378px;
margin-top: -190px;
margin-left: 85px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 15px;
text-align: justify;
float: left;
}
.boxblog{
margin-top: 0px;
margin-bottom: 25px;
text-align: justify;
padding-left: 08px;
padding-right: 09px;
}
.date
{width: 100%;
font-family: tahoma;
font-size: 13px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #999999;
line-height: 12px;
text-align: left;
}
.title
{ width: 100%;
font-family: tahoma;
font-size: 13px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #999999;
line-height: 12px;
text-align: left;
border-bottom: 1px solid; border-color: #999999;
}
.post
{font-size: 10px;
font-family: tahoma;
color: #999999;
text-align: Justify;
margin-top:10px;
margin-bottom:10px;
}
.end
{letter-spacing:2px;
color: #999999;
text-transform: lowercase;
text-align: right;
font-weight: bold;
margin-bottom:30px;
}
/* COLONNA  MENU
=============================== */
.box {
margin-right: 3px;
margin-left: 1px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 1px;
text-align:left;
}
#menudestro {
margin-top: -190px;
float: right;
margin-left: 3px;
margin-right: 107px;
width: 205px;
text-align:justify;
margin-bottom: 10px;
padding-left: 1px;
padding-right: 3px;
padding-top: 3px;
}
/* FORMATTAZIONE LINK
============================== */
a:link{
color: #999999;
cursor:help;
text-decoration: underline;
}
a:hover
{
color: #999999;
cursor:help;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
}
a:visited
{
color: #999999;
cursor:help;
font-size:10px;
text-decoration: underline;
}
/* IMPAGINAZIONE
============================== */
#blog-pager div {
display: inline;
font-size: 10px;
padding: 1px;
}
#blog-pager a {
display: inline;
margin: 3px;
text-decoration: none;
padding: 2px;
}
#blog-pager a:hover {
display: inline;
margin: 3px;
text-decoration: none;
padding: 2px;
}
#blog-pager a:visited {
color: #a21936;
display: inline;
margin: 3px;
font-size:10px;
padding: 2px;
}
/* NAVIGAZIONE
============================== */
.navigazione {
margin-bottom: 20px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
text-align:center;
}
.prev {
float: left;
text-align: left;
width: 45%;
}
.next {
float: right;
text-align: right;
width: 45%;
}
.home {
text-align: center;
}
</style>
</head>
<div id="contenitore">
<div id="header">
<div class="titoloblog"><a href="/" _fcksavedurl="/" title="Home Page"></a></div>
</div>

<div id="contenitore2">
<div id="menudestro">
<div class="titolo">semplicemente me</div>
<div class="box">
descriviti! testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo..
</div>
<div class="titolo">i miei contatti</div>
<div class="box">
<a href="http://blog1.com" _fcksavedurl="http://blog1.com" target="_blank" >link 1</a><br>
<a href="http://blog2.com" _fcksavedurl="http://blog2.com" target="_blank" >link 2</a><br>
<a href="http://blog3.com" _fcksavedurl="http://blog3.com" target="_blank" >link 3</a><br>
</div>
<div class="titolo">musica</div>
<div class="box">
Inserisci qui la musica che ti piace ascoltare! testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo..
</div>
<div class="titolo">films</div>
<div class="box">
inserisci qui i titoli dei tuoi films preferiti!!testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo..
</div>
<div class="titolo">amo</div>
<div class="box">
testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo
</div>
<div class="titolo">odio</div>
<div class="box">
testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo  testo testo testo testo testo testo testo testo testo testo
</div>
<div class="titolo">wishlist</div>
<div class="box">
desiderio da realizzare<br>
<s>desiderio realizzato</s>
</div>
<div class="titolo">i miei amici</div>
<div class="box">
<a href="http://blog1.com" _fcksavedurl="http://blog1.com" target="_blank" >link 1</a><br>
<a href="http://blog2.com" _fcksavedurl="http://blog2.com" target="_blank" >link 2</a><br>
<a href="http://blog3.com" _fcksavedurl="http://blog3.com" target="_blank" >link 3</a><br>
</div>
<div class="titolo">categorie</div>
<div class="box">
<$BlogCategories$>
</div>
<div class="titolo">commenti recenti</div>
<div class="box">
<$BlogRecentComments$></div>
<div class="titolo">archivio</div>
<div class="box">
<$BlogArchive$></div>
<div class="titolo">visitatori</div>
<div class="box">
<center><$BlogCounter$></center>
</div>
<div class="titolo">credits. [non rimuovere]</div>
<div class="box">
TEMPLATE GRAFICA + HTML  -  <a href="http://kaosplace.splinder.com/" _fcksavedurl="http://kaosplace.splinder.com/">kinky</a><br>
PER - <a href="http://demolitiongraphic.splinder.com/" _fcksavedurl="http://demolitiongraphic.splinder.com/">"demolition graphic"</a><br>
IMAGE - <a href="http://www.google.it/" _fcksavedurl="http://www.google.it/">google</a><br>
FREE HOST - <a href="http://www.splinder.com" _fcksavedurl="http://www.splinder.com">Splinder</a> //
<a href="http://www.altervista.org/" _fcksavedurl="http://www.altervista.org/">Altervista</a>
</div>
<div class="titolo">disclaimer </div>
<div class="box">
Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62 del 7.03.2001
</div>
</div>


<div id="blog">
<div class="boxblog">
<Blogger>
<div class="navigazione"> <$BlogNavigation$></div>
<BlogDateHeader>
<div class="date"><$BlogDateHeaderDate$><a name="<$BlogItemNumber$>"></a></div>
</BlogDateHeader>
<div class="title"><$BlogItemTitle$></div>
<div class="data">
<div class="post"><$BlogItemBody$></div>
<div class="end"><$BlogItemAuthorNickname$> <br> <$BlogItemDateTime$><br>
<$BlogItemComments$> </div>
</Blogger></div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>     </div>

<div id="fondo"></div>
</div>
</body>
</html>

Tag: feste, templates, natale, frank iero

» Demolition Graphic - by Konsuelo & Kinky «