autunno | ♥ Demolition Gaphic ♥

Se inizio io non mi fermo più. haha.
Template autunnale sui My Chemical Romance a, udite udite, 3 colonne.
Ebbene si, la kinky ha vinto sopra il cattivo html ed è riuscita a partorire (ed anche con fatica) un template a 3 colonne. E' la prima volta che riesco a farne uno, ma non era complicatissimo una volta capito il meccanismo XD
Comunque enjoyyyyyy.

Anteprima
Scarica HTML

<html>
<head>
<title>titolo</title>
<style type=text/css>
/* GENERICHE
============================== */
body {
scrollbar-3dlight-color: #000000;
scrollbar-highlight-color: #d5ab19;
scrollbar-face-color: #000000;
scrollbar-shadow-color: #d5ab19;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #d5ab19;
background-color: #000000;
color: #d5ab19;
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://kaosbabe.altervista.org/templates/mcrautumn/sfondomcrautumn.jpg);
background-repeat: repeat-y;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 800px;
}
/* FORMATTAZIONE TITOLETTI
============================== */
.titolo {
font-family: tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px ;
padding: 2px;
color: #943700;
margin-right: 04px;
margin-left: 06px;
text-align: center;
border-bottom: 1px solid; border-color: #d5ab19;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #000000;
background-image: url(http://kaosbabe.altervista.org/templates/mcrautumn/headermcrautumn2.jpg);
height: 810px;
background-repeat: no-repeat;
}
#blog
{
width: 420px;
margin-top:  0px;
margin-left: 180px;
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: 09px;
float: center;
}
.date
{width: 100%;
font-family: tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #943700;
line-height: 12px;
text-align: center;
}
.title
{ width: 100%;
font-family: tahoma;
font-size: 11px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #943700;
line-height: 12px;
text-align: center;
border-bottom: 1px solid; border-color: #d5ab19;
}
.post
{font-size: 09px;
font-family: tahoma;
color: #d5ab19;
text-align: Justify;
margin-top:10px;
margin-bottom:10px;
}
.end
{letter-spacing:0px;
color: #943700;
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: -0px;
float: right;
margin-left: 3px;
margin-right: 3px;
width: 180px;
text-align:justify;
margin-bottom: 10px;
padding-left: 2px;
padding-right: 3px;
padding-top: 3px;
}
#menusinistro {
margin-top: -0px;
float: left;
margin-left: 2px;
margin-right: 3px;
width: 180px;
text-align:justify;
margin-bottom: 10px;
padding-left: 1px;
padding-right: 3px;
padding-top: 3px;
}
/* FORMATTAZIONE LINK
============================== */
a:link{
color: #943700;
cursor:help;
text-decoration: underline;
}
a:hover
{
color: #943700;
cursor:help;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
}
a:visited
{
color: #943700;
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: #943700;
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="menusinistro">
<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">visitatori</div>
<div class="box">
<center><$BlogCounter$></center>
</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.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>


<div id="contenitore2">
<div id="menudestro">
<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">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> // <$BlogItemDateTime$></div>
</BlogDateHeader>
<div class="title"><$BlogItemTitle$></div>
<div class="data">
<div class="post"><$BlogItemBody$></div>
<div class="end"><$BlogItemAuthorNickname$> // <$BlogItemComments$> </div>
</Blogger></div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>     </div>

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

E' arrivato l'autunno e con esso la voglia di creare qualche template in tema con i colori di questa stagione.
E' un template di due colonne e spero sia di vostro gradimento.

[Anteprima]
[Scarica HTML]

<html>
<head>
<title>titolo</title>
<style type=text/css>
/* GENERICHE
============================== */
body {
scrollbar-3dlight-color: #a64107;
scrollbar-highlight-color: #9e1500;
scrollbar-face-color: #a64107;
scrollbar-shadow-color: #9e1500;
scrollbar-darkshadow-color: #a64107;
scrollbar-track-color: #a64107;
scrollbar-arrow-color: #9e1500;
background-color: #a64107;
color: #9e1500;
text-align:center;
margin: 0px auto;
font-family: tahoma;
font-size: 10px;
cursor: se-resize;
}
#contenitore{
background-color: #a64107;
text-align:center;
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: 3px;
color: #9e1500;
margin-right: 04px;
margin-left: 04px;
text-align: right;
border-bottom: 1px solid; border-color:#9e1500;
}
/* CONTENUTO PRINCIPALE
============================== */
#header {
background-color: #a64107;
background-image: url(http://kaosbabe.altervista.org/templates/fairy.jpg);
height: 518px;
background-repeat: no-repeat;
}
#blog
{
width:450px;
margin-top: 05px;
margin-left: 05px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 15px;
text-align: justify;
float: left;
background-color: #ca5e1c;
border: 2px solid; border-color:#9e1500;
}
.boxblog{
margin-top: 0px;
margin-bottom: 25px;
text-align: justify;
padding-left: 12px;
padding-right: 10px;
}
.date
{width: 100%;
font-family: tahoma;
font-size: 13px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #9e1500;
line-height: 15px;
text-align: left;
}
.title
{ width: 100%;
font-family: tahoma;
font-size: 13px;
text-transform: lowercase;
letter-spacing: 1px ;
color: #9e1500;
line-height: 15px;
text-align: left;
}
.post
{font-size: 10px;
font-family: tahoma;
color: #9e1500;
text-align: Justify;
margin-top:10px;
margin-bottom:10px;
}
.end
{letter-spacing:2px;
color: #9e1500;
text-align: right;
font-weight: bold;
padding-bottom: 3px;
}
.title2 {
width: 100%;
font-weight: normal;
font-family: tahoma;
font-size:10px;
color: #9e1500;
text-align: center;
letter-spacing:06px;
border-style: solid;
border-width: 0px;
border-top-width: 1px;
border-color: #9e1500;
}
/* COLONNA  MENU
=============================== */
.box {
margin-right: 3px;
margin-left: 1px;
margin-bottom: 5px;
padding-top: 5px;
padding-bottom: 6px;
padding-left: 5px;
padding-right: 1px;
text-align:left;
background-color: #ca5e1c;
}
ul {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 11px;
padding-left: 5px;
}
li {
background: transparent;
color: #9e1500;
}
#menudestro {
margin-top: 05px;
float: right;
margin-left: 3px;
margin-right: 3px;
width: 280px;
text-align:justify;
margin-bottom: 10px;
padding-left: 1px;
padding-right: 5px;
padding-top: 5px;
background-color: #ca5e1c;
border: 2px solid; border-color:#9e1500;
}
/* FORMATTAZIONE LINK
============================== */
a:link{
color: #9e1500;
cursor:help;
text-decoration: underline;
}
a:hover
{
color: #9e1500;
cursor:help;
font-weight: bold;
font-variant: small-caps;
text-decoration: underline;
}
a:visited
{
color: #9e1500;
cursor:help;
font-size:10px;
text-decoration: underline;
}
/* IMPAGINAZIONE
============================== */
#blog-pager div {
display: inline;
font-size: 10px;
padding: 1px;
}
#blog-pager a {
border:1px solid #9e6333;
display: inline;
margin: 3px;
text-decoration: none;
padding: 2px;
}
#blog-pager a:hover {
border:1px solid #9e6333;
display: inline;
margin: 3px;
text-decoration: none;
padding: 2px;
}
#blog-pager a:visited {
color: #9e6333;
display: inline;
margin: 3px;
font-size:10px;
border:1px solid #9e6333;
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">about 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">music</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">t.v. shows</div>
<div class="box">
inserisci qui i titoli dei tuoi telefilms 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">libri</div>
<div class="box">
inserisci qui i titoli dei tuoi libri 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
</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">blog 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">contavisite</div>
<div class="box">
<center><$BlogCounter$></center>
</div>
<div class="titolo">crediti. [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>
<p class="title2"></p>
</Blogger></div>
<div id="blog-pager" align="center"> <$BlogPager$>
</div>     </div>

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

Tag: templates, autunno, my chemical romance

» Demolition Graphic - by Konsuelo & Kinky «

Tag: templates, autunno

» Demolition Graphic - by Konsuelo & Kinky «