<!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" lang="en" xml:lang="en">
<head>
<meta nome="parole chiavi" content="text/html; charset=iso-8859-1" />
<title> TITOLO </title>
<style type="text/css">
body{
margin:0;
padding:0;
line-height: 1.5em;
background:#FFF url('sfondo.jpg') repeat-x; /*inserito sfondo lo sgondo è una striscia blu che da a sfumare purtroppo oltre a non arrivare automaticamente all footer si nota anche la differenza tra il colore sfumato chiaro e il bianco della pagina spero che voi abbiate qualche soluzione migliore delle mie

*/
}
b{font-size: 110%;}
em{color: red;}
h2{color: red;}
#maincontainer{
width: 840px; /*Width of main container*/ /*allungare il conteiner centrale unità iniziale 840*/
margin: 0 auto; /*Center container on page*/
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section header*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 130px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ /*corpo centrale dimensioni*/ /*colonna centrale*/
}
#leftcolumn{
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
background: #C8FC98;/*colore della colonna di sinistra*/
}
#rightcolumn{
float: left;
width: 130px; /*Width of right column*/
margin-left: -130px; /*Set left margin to -(RightColumnWidth)*/
background: #FDE95E;
}
#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ /*margini interni di ogni colonna*/
margin-top: 0;
}
/*logo con link ad home page*/ /*banner*/
.toggleborder:hover img{
border: 1px solid navy;
position: relative;
}
.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
.classetuttamia:hover img{
border: 1px solid navy;
}
.classetuttamia:hover{
color: red; /* Dummy definition to overcome IE bug */
}
.classetuttamia{
float: right;
position: relative;
top: 30px; right: 0;
background:#039;
}
.secondaclassetuttamia:hover img{
border: 1px solid navy;
}
.secondaclassetuttamia:hover{
color: red; /* Dummy definition to overcome IE bug */
}
.secondaclassetuttamia{
float: right;
position: relative;
top: 0; left: -5px;
background:#039;
}
div.ex /*riquadro centrale*/
{
padding:10px;
border-top-width: 0;
border-right-width: 2px;
border-bottom-width: 0;
border-left-width: 2px;
border-top-style: solid ;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: grey;
border-right-color: blue;
border-bottom-color: grey;
border-left-color: blue;
margin:5px 4px 50px;
position: relative;
}
.urbangreymenu{ /*inizio menu*/
width: 180px; /*width of menu*/
}
.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*//*da lo spazio tra la barra nera e quelle grige del menu*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
}
.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/ /*spazio tra i bottoni del menu*/
}
.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;/*colore bottoni menu*/
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}
.urbangreymenu ul li a:visited{
color: black;
}
.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
</style>
</head>
<body>
<div id="maincontainer">
<div id="topsection"><div class="innertube">
<a class="toggleborder" href="sito a cui punta.htm">
[img]iconapersito.2.gif[/img]
</a>
<a class="classetuttamia" href="sito a cui punta.htm">
[img]banner468x60px.gif[/img]
</a>
</div>
</div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube"> </div>
<div class="ex">
<h2><center>Il vostro dominio su Altervista</center></h2>
Molti sono i siti che offrono la possibilità di ottenere dello spazio sul web e tra i tanti prenderò in considerazione Altervista e cercherò di spiegarvelo nel modo più breve e chiaro possibile come ottenerlo.</p>
Dovete innanzitutto sapere che esistono tre tipi di livello del dominio:
<dd>-I domini di primo livello indicati anche con il suffisso TLD corrispondono all'estensione finale degli indirizzi come ad esempio .IT .COM .NET .ORG ecc... Tali domini non possono essere creati da chiunque; esiste infatti un ente internazionale, l'ICANN preposto allomologazione di nuovi TLD.</dd>
<dd>-</dd>
<dd>-</dd>
</p>
<dd>-</dd>
<dd>-</dd>
</p>
<dd>-</dd>
<dd>-</dd>
<dd>-</dd>
<dd>-</dd>
</p>
<dd>-</dd>
<dd>-</dd>
<dd>-</dd>
<dd>-</dd>
<dd>-</dd>
</p>
</div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube"></div>
<div class="urbangreymenu">
<h3 class="headerbar">NOME GRUPPO 1</h3>
<ul>[*]
CONTENUTO 1[*]
CONTENUTO 2[*]
CONTENUTO 3[*]
CONTENUTO 4[*]
CONTENUTO 5[*]
CONTENUTO 6[/list]
<h3 class="headerbar">NOME GRUPPO 2</h3>
<ul>[*]
CONTENUTO 7[*]
CONTENUTO 8[*]
CONTENUTO 9[*]
CONTENUTO 10[*]
CONTENUTO 11[*]
CONTENUTO 12 [/list]
</div>
<div>
<ul>
<a class="toggleborder" href="sito a cui punta.htm">
[img]banner125x125px.gif[/img]
</a>[/list]
</div>
</div>
<div id="rightcolumn">
<div class="innertube"></div>
<ul>
<a class="secondaclassetuttamia" href="sito a cui punta.htm">
[img]banner120x600px.gif[/img]
</a>[/list]
</div>
<div id="footer">
punto al sito</div>
</body>
</html>