it | es | en

Layout CSS 1 Colonna Centrato da scaricare gratis

Homepage Informazioni Contatti



Scarica il layout
6 KB [.zip]

Layout CSS 1 Colonna Centrato

Il layout ad una colonna viene normalmente utilizzato centrato nella finestra come pagina introduttiva o di conferma.

Codice HTML

<div class="main">
<img src="/minilogo.png" width="143" height="59" alt="iPort - Layout gratis per il tuo sito internet" />
<h1>Layout 1 colonna centrata</h1>
<p>Il layout ad una colonna viene normalmente utilizzato centrato nella finestra come pagina introduttiva o di conferma.</p>
<div class="copy"><small>Design by <a href="//www.iport.it" title="Layout gratis per il tuo sito internet">iPort</a></small></p>
</div>

Codice CSS

html, body {background-color:#666; height:100%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
.main { width:760px; margin:auto; background-color:#fff; color:#666; height:40%; margin-top:20%; padding-top:30px; text-align:center;
}
h1 {margin:0px; line-height:32px; font-size:40px; width:70%; margin:auto;}
p {width:70%; margin:auto; margin-top:40px; font-size:24px; text-align:justify;}
img {margin-bottom:32px;}
.copy {text-align:right; width:70%; margin:auto; margin-top:100px;}

Potrebbe interessare

Styler il CMS online

Crea e gestisci i tuoi layout CSS in ogni parte direttamente online in modo visuale. Vai

Templates gratis

Le migliori risorse sul web da dove scaricare o prendere spunto per il tuo template. Vai

Effetti jQuery gratis

Aggiungi un effetto jQuery alle tue pagine per renderle più interattive e accattivanti. Vai

Layouts

Esempi di layout CSS da scaricare gratuitamente

Risorse di Web Design