Crea sito

Codice template splinder personalizzabile

 

Nel seguito ho inserito un codice da usare come base (quindi modificabile in ogni sua parte) per i vostri template. La base template è a due colonne centrato e con immagine di sfondo (esempio del layout di base QUI)

 

<!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>
<!--template by ImaginationART (http://imaginationart.altervista.org/)-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><$BlogTitle$></title>

<style type="text/css">
<!--
body  {
font: 75% Verdana, Arial, Helvetica, sans-serif;
background: #606060;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}

#container {
width: 600px;  
background-color: #606060;
background-image: url(link immagine di sfondo);
margin: auto;
}

#header {
background: #606060;
background-image: url(link immagine header);
height: 249px;
}

#boxlaterale {
float: right;
width: 130px;
background: none;
padding: 20px 20px;
text-align: justify;
}

#mainBox {
width: 400px;
margin: left;
padding: 0 10px;
text-align: justify;
}

/*PERSONALIZZAZIONE TESTO*/

a:link, a:visited  {
color: #999999;
text-decoration: none;
}

a:hover  {
color: #606060;
text-decoration: underline;
}

h1{font-size: 20px;
font-style: italic;
color: #000000;
text-align: center;        
}

h2{
font-size: 12px;
font-weight: bold;
color: #000000;
}
-->
</style>
</head>

<body>
<div id="container">

<div id="header"></div>

<div id="boxlaterale">
<h2>Boxlaterale</h2>
<p>Inserisci qui i tuoi box laterali</p>        
<h2>Credits template</h2><!--NON CANCELLARE QUESTO BOX -->
<p>Si ringrazia per il codice base del template <a href="http://imaginationart.altervista.org/">ImaginationART</a></p>
</div>

<div id="mainBox">
<p><Blogger>
<h1><$BlogItemTitle$></h1>
<br>
<$BlogItemBody$>
Messaggio Inviato da <$BlogItemAuthorNickname$> alle <$BlogItemDateTime$>
<br><$BlogItemCategories$><br>
<$BlogItemComments$></p>
<br />
<BlogDateFooter> </BlogDateFooter>
</Blogger>
<br><$BlogPager$><br><br>
</div>


</div>
</body>
</html>