templates 3 colonne | ♥ Demolition Gaphic ♥

Continuiamo con due templates su Frank Iero e Gerard Way in versione "Famous Last Words".
Il primo su Gerard è a tre colonne, mentre quello su Frank è a due colonne.
Enjoy.

ARE YOU SCARED NOW?

[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: #000000;
scrollbar-highlight-color: #a67f38;
scrollbar-face-color: #000000;
scrollbar-shadow-color: black;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #a67f38;
background-color: #000000;
color: #a67f38;
text-align:center;
margin: 0px auto;
font-family: tahoma;
font-size: 09px;
cursor: crosshair;
}
#contenitore{
background-color: #000000;
text-align:center;
background-image: url(http://i234.photobucket.com/albums/ee77/demolitiongraphic/templates/sfondoscared.jpg);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
}
/* FORMATTAZIONE TITOLETTI
============================== */
.titolosin {
font-family: tahoma;
font-size: 10px;
font-weight: bold;
letter-spacing: 0px ;
color: #bf6d24;
margin-right: 1px;
margin-left: 01px;
text-align: center;
margin-top: 30px;
background-color: #7d3e09;
line-height: 10px;
border-left: 5px solid #bf6d24;
border-right: 5px solid #bf6d24;
}
.titolodes {
font-family: tahoma;
font-size: 10px;
font-weight: bold;
color: #bf6d24;
margin-right: 02px;
margin-top: 30px;
margin-left: 01px;
text-align: center;
background-color: #7d3e09;
line-height: 10px;
border-left: 5px solid #bf6d24;
border-right: 5px solid #bf6d24;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 11px;
padding-left: 3px;
}
li {
background: transparent;
color: #a67f38;
}
h1
{ font:10px tahoma;
color: #bf6d24;
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: #bf6d24;
font:10px tahoma;
margin-top: 1px;
margin-bottom: 3px;
padding-left: 2px;
text-align:left;
line-height: 10px;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #000000;
background-image: url(http://i234.photobucket.com/albums/ee77/demolitiongraphic/templates/headerscared2.jpg);
height: 500px;
background-repeat: no-repeat;
}
#blog
{
width: 420px;
margin-top:  -40px;
margin-left: 150px;
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: 04px;
padding-right: 03px;
float: center;
}
.date
{width: 100%;
font-family: georgia;
font-size: 11px;
text-transform: lowercase;
color: #bf6d24;
line-height: 12px;
text-align: center;
}
.title
{font-family: georgia;
font-size: 17px;
letter-spacing: 1px ;
color: #bf6d24;
line-height: 12px;
text-align: left;
border-bottom: 2px solid #7d3e09;
width: 30%;
margin-top: 30px;
margin-bottom: 03px;
}
.post
{font-size: 09px;
font-family: tahoma;
color: #a67f38;
text-align: Justify;
margin-top:10px;
margin-bottom:10px;
}
.end
{letter-spacing:0px;
color: #bf6d24;
text-transform: lowercase;
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}
/* COLONNA  MENU
=============================== */
.box {
margin-right: 3px;
margin-left: 1px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 6px;
padding-left: 3px;
padding-right: 1px;
text-align:left;
}
#menudestro {
margin-top: -45px;
float: right;
margin-left: 3px;
margin-right: 2px;
width: 180px;
text-align:justify;
margin-bottom: 10px;
padding-left: 2px;
padding-right: 2px;
padding-top: 3px;
}
#menusinistro {
margin-top: -45px;
float: left;
margin-left: 1px;
margin-right: 2px;
width: 180px;
text-align:justify;
margin-bottom: 10px;
padding-left: 1px;
padding-right: 1px;
padding-top: 3px;
}
/* FORMATTAZIONE LINK
============================== */
a:link, a:visited, a:active
{color: #bf6d24; text-decoration: underline ;
}
a:hover
{color: #bf6d24; text-decoration:none; cursor: help;letter-spacing:1px;
}
a img
{ border: 0px;
}
/* IMPAGINAZIONE
============================== */
#blog-pager div {
display: inline;
font-size: 10px;
padding: 3px;
}
#blog-pager a, #blog-pager a:visited
{color: #bf6d24; text-decoration: underline; border: 1px solid #bf6d24;
}
#blog-pager a:hover
{color: #bf6d24; text-decoration:none; cursor: help;letter-spacing:1px; border: 1px solid #bf6d24;
}
/* NAVIGAZIONE
============================== */
.navigazione {
margin-bottom: 05px;
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="menusinistro">
<div class="titolosin">cruelly me</div>
<div class="box">
DESCRIVITI
</div>
<div class="titolosin">owner</div>
<div class="box">
<ul type="square">
<li><a href="http://YOURLINK" _fcksavedurl="http://YOURLINK" target="_blank">LINK</a><br>
<li><a href="http://YOURLINK" _fcksavedurl="http://YOURLINK" target="_blank">LINK</a><br>
</ul></div>
<div class="titolosin"><3 friends</div>
<div class="box">
<ul type="square">
<li><a href="http://LINK" _fcksavedurl="http://LINK" target="_blank">AMICO</a><br>
<li><a href="http://LINK" _fcksavedurl="http://LINK" target="_blank">AMICO</a><br>
<li><a href="http://LINK" _fcksavedurl="http://LINK" target="_blank">AMICO</a><br>
</ul>
</div>
<div class="titolosin">tagboard</div>
<div class="box">
<center>
INSERISCI LA TUA TAG BOARD
</center>
</div>
<div class="titolosin">music</div>
<div class="box">
COSA TI PIACE ASCOLTARE
</div>
<div class="titolosin">movies</div>
<div class="box">
FILM PREFERITI
</div>
<div class="titolosin">books</div>
<div class="box">
TUOI LIBRI PREFERITI
</div>
<div class="titolosin">counter</div>
<div class="box">
<center><$BlogCounter$></center>
</div>
<div class="titolosin">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 - Caps © <a href="http://kaosplace.splinder.com/" _fcksavedurl="http://kaosplace.splinder.com/">kinky</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="titolodes">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="contenitore2">
<div id="menudestro">
<div class="titolodes">words</div>
<div class="box">
<marquee direction=up scrollamount=1 height=100px>
INSERISCI PENSIERI<br>
FRASI<br>
ETC
</marquee>
</div>
<div class="titolodes">love</div>
<div class="box">
COSA AMI
</div>
<div class="titolodes">hate</div>
<div class="box">
COSA ODI
</div>
<div class="titolodes">wishlist</div>
<div class="box">
<ul type="square">
<li><s>REALIZZATO</s>
<li>NON REALIZZATO ANCORA
</ul>
</div>
<div class="titolodes">i support</div>
<div class="box">
SITI O CAUSE CHE SUPPORTI
</div>
<div class="titolodes">categories</div>
<div class="box">
<$BlogCategories$>
</div>
<div class="titolodes">last comments</div>
<div class="box">
<$BlogRecentComments$></div>
<div class="titolodes">archive</div>
<div class="box">
<$BlogArchive$></div>
<div class="titolodes">feeds buttons</div>
<div class="box"><$BlogFeeds$><br>
<$BlogButtons$></div>
</div>


<div id="blog">
<div class="boxblog">
<Blogger>
<div class="navigazione"> <$BlogNavigation$></div>
<div class="title"><$BlogItemTitle$></div>
<div class="date">Il <$BlogDateHeaderDate$> // Alle <$BlogItemDateTime$></div>
<div class="categories"><h1>Tag: <$BlogItemCategories$></h1></div>
<div class="data">
<div class="post"><$BlogItemBody$></div>
<div class="end">Da <$BlogItemAuthorNickname$><br> <$BlogItemComments$> ? </div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>
</Blogger></div>
</div>

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

I AM INCOMPLETE

[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: #f3c954;
scrollbar-highlight-color: #aa1f01;
scrollbar-face-color: #f3c954;
scrollbar-shadow-color: #f3c954;
scrollbar-darkshadow-color: #f3c954;
scrollbar-track-color: #f3c954;
scrollbar-arrow-color: #aa1f01;
background-color: #f3c954;
color: #f3c954;
text-align:center;
margin: 0px auto;
font-family: tahoma;
font-size: 11px;
cursor: crosshair;
}
#contenitore{
background-color: #f3c954;
text-align:center;
background-image: url(http://i234.photobucket.com/albums/ee77/demolitiongraphic/templates/sfondoincomplete.jpg);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
}
/* FORMATTAZIONE TITOLETTI
============================== */
.titolo {font:12px Palatino Linotype;
font-style: italic;
color: #aa1f01;
background-color: #f98f4f;
margin-top: 20px;
margin-bottom: 1px;
margin-left: 22px;
padding-left: 5px;
padding-bottom: 2px;
font-weight: bold;
text-align:left;
border-left: 05px solid #e7c20f;
border-right: 05px solid #e7c20f;
line-height: 10px;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 11px;
padding-left: 3px;
}
li {
background: transparent;
color: #f3c954;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #f3c954;
background-image: url(http://i234.photobucket.com/albums/ee77/demolitiongraphic/templates/headerincomplete.jpg);
height: 330px;
background-repeat: no-repeat;
}
#blog
{
width: 470px;
margin-top:  -25px;
margin-left: 10px;
margin-right: 0px;
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: 08px;
padding-right: 01px;
float: center;
}
.date
{width: 100%;
font-family: georgia;
font-size: 11px;
text-transform: lowercase;
color: #f98f4f;
line-height: 12px;
text-align: center;
}
.title
{font-family: georgia;
font-size: 17px;
letter-spacing: 1px ;
color: #f98f4f;
line-height: 12px;
text-align: left;
border-bottom: 2px solid #f98f4f;
width: 40%;
margin-top: 30px;
margin-bottom: 03px;
padding-left; 4px;
}
.post
{font-size: 11px;
font-family: tahoma;
color: #f3c954;
text-align: Justify;
margin-top:10px;
margin-bottom:10px;
padding-left: 4px;
}
.end
{letter-spacing:0px;
color: #f98f4f;
text-transform: lowercase;
text-align: right;
font-weight: bold;
margin-bottom: 10px;
}
h1
{ font:10px tahoma;
color: #f98f4f;
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: #f98f4f;
font:10px tahoma;
margin-top: 1px;
margin-bottom: 3px;
padding-left: 2px;
text-align:left;
line-height: 10px;
}
/* COLONNA  MENU
=============================== */
.box {
margin-right: 0px;
margin-left: 22px;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 8px;
padding-left: 3px;
padding-right: 4px;
text-align:left;
}
#menudestro {
margin-top: -15px;
float: left;
margin-left: 3px;
margin-right: 0px;
width: 271px;
text-align:justify;
margin-bottom: 10px;
padding-left: 3px;
padding-right: 1px;
}
/* FORMATTAZIONE LINK
============================== */
a:link, a:visited
{color: #f98f4f; text-decoration: underline ;
}
a:hover
{color: #f98f4f; text-decoration:none; cursor: help;letter-spacing:1px;
}
a img
{ border: 0px;
}
/* IMPAGINAZIONE
============================== */
#blog-pager div {
display: inline;
font-size: 10px;
padding: 3px;
}
#blog-pager a, #blog-pager a:visited, #blog-pager a:active
{color: #f98f4f; text-decoration: underline; border: 1px solid #f98f4f;
}
#blog-pager a:hover
{color: #f98f4f; text-decoration:none; cursor: help;letter-spacing:1px; border: 1px solid #f98f4f;
}
/* NAVIGAZIONE
============================== */
.navigazione {
margin-bottom: 5px;
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">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">stickers</div>
<div class="box">
inserisci qui gli stickers. ATTENZIONE ALLA LARGHEZZA. MASSIMO 255 PX.
</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$>
</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 -  Cap © <a href="http://kaosplace.splinder.com/" _fcksavedurl="http://kaosplace.splinder.com/">kinky</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">Il <$BlogDateHeaderDate$> // Alle <$BlogItemDateTime$></div>
<div class="categories"><h1>Tag: <$BlogItemCategories$></h1></div>
<div class="data">
<div class="post"><$BlogItemBody$></div>
<div class="end">Da <$BlogItemAuthorNickname$><br> <$BlogItemComments$> ? </div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>
</Blogger></div>
</div>

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

Tag: musica, templates, gerard way, my chemical romance, frank iero, template 2 colonne, templates 3 colonne

» Demolition Graphic - by Konsuelo & Kinky «