it | es | en

Layout CSS gratis 2 colonne fluido da scaricare

Homepage Informazioni Contatti



Scarica il layout
6 KB [.zip]

Layout CSS 2 Colonne fluido

Ottimo per chi dispone di pochi contenuti, il layout a 2 colonne si presta molto bene per qualsiasi tipo di sito web.

Codice HTML

<div class="main">
<div class="header">
<img src="/minilogo.png" width="143" height="59" alt="iPort - Layout gratis per il tuo sito internet" /></div>
<div class="content">
<div class="col1">Colonna 1</div>
<div class="col2">
<h1>Layout 2 colonne fluido</h1><p>Ottimo per chi dispone di pochi contenuti, il layout a 2 colonne si presta molto bene per qualsiasi tipo di sito web.</p></div></div>
<div class="copy"><small>Design by <a href="//www.iport.it" title="Layout gratis per il tuo sito internet">iPort</a></small></p></div>
</div>

Codice CSS

body {background-color:#666;font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif}
.main { margin-left:10px; margin-right:10px; background-color:#eee; overflow:hidden; color:#666; text-align:center; margin-top:20px; }
.content {overflow:hidden; padding-bottom:10px;}
.col1 {width:256px;float:left;margin-left:10px;margin-top:10px;}
.col2 {margin-left:280px; padding-top:40px;background-color:#fafafa;margin-right:10px;margin-top:10px;padding-bottom:20px;height:440px;}
.header {background-color:#fff;height:50px;overflow:hidden;text-align:left;}
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;}
.copy {text-align:right;border-top:1px solid #fff;padding-top:10px;padding-right:10px;clear:both;background-color:#666;color:#fff;height:64px;}
a {text-decoration:none;color:#ccc;}

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