Template due colonne | ♥ Demolition Gaphic ♥

Appena finito un template a due colonne sui Leathermouth.
Ve lo metto subito senza stare a dire tremila cose, che poi è anche tardi.

BODY SNATCHERS

ANTEPRIMA

<html>
<head>
<title><$BlogTitle$></title>
<style type=text/css>
/*TEMPLATE FOR SPLINDER
=========================================================
created by:  kinky (http://kaosplace.splinder.com/)
for:  http://demolitiongraphic.splinder.com
========================================================= */
/* GENERICHE
============================== */
body {
scrollbar-3dlight-color: #000;
scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #000;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #000;
background-color: #ffffff;
color: black;
text-align:center;
margin: 0px auto;
font-family: georgia;
font-size: 11px;
cursor: crosshair;
}
#contenitore{
background-color: #ffffff;
text-align:center;
background-image: url(http://img218.imageshack.us/img218/765/sfondobodysnatchersbg9.png);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
}
/* FORMATTAZIONE TITOLETTI
============================== */
.titolo {font:12px georgia;
letter-spacing: 1px ;
background-image: url(http://img265.imageshack.us/img265/976/bstitolift6.png);
color: #ffffff;
line-height: 10px;
font-weight: bold;
text-align: center;
margin-top: 20px;
margin-bottom: 1px;
margin-right: 0px;
padding: 3px;
text-transform: lowercase;
margin-left: 08px;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 11px;
padding-left: 3px;
}
li {
background: transparent;
color: #000;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #ffffff;
background-image: url(http://img502.imageshack.us/img502/2218/headerbodysnatchersfn4.png);
height: 420px;
background-repeat: no-repeat;
}
#blog
{
width: 465px;
margin-top:  -18px;
margin-left: 0px;
margin-right: 14px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 15px;
text-align: justify;
float: center;
}
.boxblog{
margin-top: 0px;
margin-bottom: 25px;
text-align: justify;
padding-left: 02px;
padding-right: 02px;
float: center;
}
.date
{width: 100%;
font-family: georgia;
font-size: 11px;
text-transform: lowercase;
color: #000;
line-height: 12px;
text-align: center;
}
.title
{font-family: georgia;
font-size: 12px;
letter-spacing: 1px ;
color: #ffffff;
font-weight: bold;
background-image: url(http://img218.imageshack.us/img218/8208/bstitlewu9.png);
line-height: 10px;
text-align: left;
margin-top: 30px;
margin-bottom: 03px;
padding: 3px;
text-transform: lowercase;
}
.post
{font-size: 11px;
font-family: georgia;
color: #000;
text-align: Justify;
margin-top:10px;
margin-bottom:15px;
padding-left: 3px;
padding-right: 3px;
}
.end
{letter-spacing:0px;
color: #000;
text-transform: lowercase;
text-align: center;
margin-bottom: 11px;
}
h1
{ font:11px georgia;
color: #000;
margin-top:1px;
margin-bottom: 5px;
text-align:left;
padding-left: 2px;
letter-spacing: 0px;
line-height: 10px;
}
.categories
c:link, c:visited, c:hover, c:active
{color: #c0c0c0;
font:11px georgia;
margin-top: 1px;
margin-bottom: 3px;
padding-left: 2px;
text-align:left;
line-height: 10px;
}
/* COLONNA  MENU
=============================== */
.box {
margin-right: 0px;
margin-left: 08px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 8px;
padding-left: 3px;
padding-right: 4px;
text-align:left;
}
#menudestro {
margin-top: -30px;
float: left;
margin-left: 03px;
margin-right: 0px;
width: 275px;
text-align:justify;
margin-bottom: 10px;
padding-left: 3px;
padding-right: 1px;
}
/* FORMATTAZIONE LINK
============================== */
a:link, a:visited
{color: #808080; text-decoration: none ; font-variant: lowercase;
}
a:hover
{color: #c0c0c0; text-decoration:none; cursor: help; border-bottom: 1px solid #808080; font-variant: lowercase;
}
a img
{ border: 0px;
}
a:hover img
{ border-bottom: 1px solid #808080;
}
/* IMPAGINAZIONE
============================== */
#blog-pager div {
display: inline;
font-size: 10px;
padding: 3px;
}
#blog-pager a, #blog-pager a:visited, #blog-pager a:active
{color: #808080; text-decoration: none ; font-variant: lowercase;
}
#blog-pager a:hover
{color: #c0c0c0; text-decoration:none; cursor: help; border-bottom: 1px solid #808080; font-variant: lowercase;
}
/* NAVIGAZIONE
============================== */
.navigazione {
margin-bottom: -30px;
padding-bottom: 0px;
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">me</div>
<div class="box">
scrivi qualcosa di te
</div>
<div class="titolo">my spaces</div>
<div class="box">
scrivi i tuoi siti, blogs, etc.
<ul type="square">
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a><br>
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a><br>
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a>
</ul></div>
<div class="titolo">tag board</div>
<div class="box">
aggiungi la tua tagboard.
</div>
<div class="titolo">music</div>
<div class="box">
musica che ascolti
</div>
<div class="titolo">movies</div>
<div class="box">
film che ti piacciono
</div>
<div class="titolo">t.v. shows</div>
<div class="box">
telefilms che ti piacciono
</div>
<div class="titolo">books</div>
<div class="box">
libri preferiti
</div>
<div class="titolo">love</div>
<div class="box">
ciò che ami
</div>
<div class="titolo">hate</div>
<div class="box">
ciò che odi
</div>
<div class="titolo">wishlist</div>
<div class="box">
<ul type="square">
<li><s>realizzato</s>
<li>da realizzare
</ul>
</div>
<div class="titolo">friends</div>
<div class="box">
scrivi i links dei blog, forum, siti (etc) dei tuoi amici.
<ul type="square">
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a><br>
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a><br>
<li><a href="http://www.yourlink.com" _fcksavedurl="http://www.yourlink.com" target="_blank">metti link</a>
</ul>
</div>
<div class="titolo">feeds buttons</div>
<div class="box"><$BlogFeeds$><br>
<$BlogButtons$></div>
<div class="titolo">categorie</div>
<div class="box">
<$BlogCategories$>
</div>
<div class="titolo">last comments</div>
<div class="box">
<$BlogRecentComments$></div>
<div class="titolo">archive</div>
<div class="box">
<$BlogArchive$></div>
<div class="titolo">counter</div>
<div class="box">
<$BlogCounter$> body snatchers sono passati di qua!
</div>
<div class="titolo">credits. [non rimuovere]</div>
<div class="box">
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.leathermouth.com/" _fcksavedurl="http://www.leathermouth.com/">Leathermouth</a><br>
LYRIC - <a href="http://www.leathermouth.com/" _fcksavedurl="http://www.leathermouth.com/">Leathermouth</a><br>
FREE HOST - <a href="http://www.splinder.com" _fcksavedurl="http://www.splinder.com">Splinder</a> |
<a href="http://www.photobucket.com/" _fcksavedurl="http://www.photobucket.com/">Photobucket</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>
<div class="title"><$BlogItemTitle$></div>
<div class="date"><$BlogDateHeaderDate$> | <$BlogItemDateTime$></div>
<div class="categories"><h1>Tag: <$BlogItemCategories$></h1></div>
<div class="data">
<div class="post"><$BlogItemBody$></div>
<div class="end">Da <$BlogItemAuthorNickname$> | <$BlogItemComments$> ? </div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>
<br><br>
<center><img src="http://img265.imageshack.us/img265/5396/finepagbsdm0.png" _fcksavedurl="http://img265.imageshack.us/img265/5396/finepagbsdm0.png" border="0"></center>
<br><br>
</Blogger></div>
</div>

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

Tag: musica, templates, frank iero, template 2 colonne, leathermouth

» Demolition Graphic - by Konsuelo & Kinky «