PCdaZERO.it - Guida facile per usare il computer

Acquista o scarica gratis, i libri di "PC da Zero"

CREARE SITI WEB in PHP e MYSQL    >     Scegliere tra 40 temi (o layout) modificando il file layout.css



pcdazero-vol-1-sesta-ed-180.jpg - 15,3 KB È uscita la Nuova edizione interamente a colori di
PC da zero Volume 1.

Acquistala ora a 28 euro comprese le spese di spedizione!

Clicca qui, per riceverla
comodamente a casa tua.


Come appena detto la cosa più emplice per cambiare struttura al sito consiste nel modificare (in questo caso) il file layout.css che si trova nella cartella css.

1 - Apri il file layout.css (che si trova nella cartella css)
2a - esegui le modifiche, sostituendo il codice con uno dei seguenti
2b - e salva le modifiche.

Liquido, tre colonne percentuali (n.01)
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}

Liquido, tre colonne percentuali (n.02)
div#wrapper{float:left;width:100%}
div#content{margin: 0 25%}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:25%;margin-left:-100%}
div#footer{clear:left;width:100%}

Liquido, tre colonne percentuali (n.03)
div#wrapper{float:left;width:100%}
div#content{margin-right: 50%}
div#navigation{float:left;width:25%;margin-left:-50%}
div#extra{float:left;width:25%;margin-left:-25%}
div#footer{clear:left;width:100%}

Liquido, tre colonne percentuali (n.04)
div#wrapper{float:left;width:100%}
div#content{margin-right: 50%}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:25%;margin-left:-50%}
div#footer{clear:left;width:100%}

Liquido, tre colonne percentuali (n.05)
div#wrapper{float:left;width:100%}
div#content{margin-left: 50%}
div#navigation{float:left;width:25%;margin-left:-100%}
div#extra{float:left;width:25%;margin-left:-75%}
div#footer{clear:left;width:100%}

Liquido, tre colonne percentuali (n.06)
div#wrapper{float:left;width:100%}
div#content{margin-left: 50%}
div#navigation{float:left;width:25%;margin-left:-75%}
div#extra{float:left;width:25%;margin-left:-100%}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.7)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-700px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.8)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-150px}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.9)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-right: 300px}
div#navigation{float:left;width:150px;margin-left:-300px}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.10)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-right: 300px}
div#navigation{float:left;width:150px;margin-left:-150px}
div#extra{float:left;width:150px;margin-left:-300px}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.11)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: 300px}
div#navigation{float:left;width:150px;margin-left:-700px}
div#extra{float:left;width:150px;margin-left:-550px}
div#footer{clear:left;width:100%}

Fisso, tre colonne (n.12)
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: 300px}
div#navigation{float:left;width:150px;margin-left:-550px}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie fisse (n.13)
div#wrapper{float:left;width:100%}
div#content{margin: 0 200px}
div#navigation{float:left;width:200px;margin-left:-100%}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie fisse (n.14)
div#wrapper{float:left;width:100%}
div#content{margin: 0 200px}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{float:left;width:200px;margin-left:-100%}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie fisse (n.15)
div#wrapper{float:left;width:100%}
div#content{margin-right: 400px}
div#navigation{float:left;width:200px;margin-left:-400px}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie fisse (n.16)
div#wrapper{float:left;width:100%}
div#content{margin-right: 400px}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{float:left;width:200px;margin-left:-400px}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie fisse (n.17)
div#wrapper{float:right;width: 100%;margin-left: -400px}
div#content{margin-left: 400px}
div#navigation{float:right;width:200px}
div#extra{float:right;width:200px}
div#footer{clear:right;width:100%}

Liquido tre colonne, secondarie fisse(n.18)
div#wrapper{float:right;width: 100%;margin-left: -400px}
div#content{margin-left: 400px}
div#navigation{float:left;width:200px}
div#extra{float:right;width:200px}
div#footer{clear:both;width:100%}

Liquido tre colonne, secondarie ibride (n.19)
div#wrapper{float:left;width:100%}
div#content{margin: 0 33% 0 200px}
div#navigation{float:left;width:200px;margin-left:-100%}
div#extra{float:left;width:33%;margin-left:-33%}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie ibride (n.20)
div#wrapper{float:left;width:100%}
div#content{margin: 0 200px 0 33%}
div#navigation{float:left;width:33%;margin-left:-100%}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie ibride (n.21)
div#wrapper{float:left;width:100%;margin-left:-25%}
div#content{margin: 0 200px 0 25%}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{float:left;width:25%}
div#footer{clear:left;width:100%}

Liquido tre colonne, secondarie ibride (n.22)
div#wrapper{float:left;width:100%;margin-left:-200px}
div#content{margin: 0 25% 0 200px}
div#navigation{float:left;width:25%;margin-left:-25%}
div#extra{float:left;width:200px}
div#footer{clear:left;width:100%}

Liquido due colonne, secondaria fissa (n.23)
div#wrapper{float:left;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}

Liquido due colonne, secondaria fissa (n.24)
div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

Liquido due colonne percentuali (n.25)
div#wrapper{float:left;width:100%;margin-left:-33%}
div#content{margin-left:33%}
div#navigation{float:right;width:32.9%}
div#extra{float:right;clear:right;width:32.9%}
div#footer{clear:both;width:100%}

Liquido due colonne percentuali (n.26)
div#wrapper{float:right;width:100%;margin-right:-33%}
div#content{margin-right:33%}
div#navigation{float:left;width:32.9%}
div#extra{float:left;clear:left;width:32.9%}
div#footer{clear:both;width:100%}

Liquido a colonna singola e due metà (n.27)
div#navigation{float:left;width:50%}
div#extra{float:left;width:49.9%}
div#footer{clear:left;width:100%}

Liquido a colonna singola e due metà (n.28)
div#navigation{float:right;width:50%}
div#extra{float:right;width:49.9%}
div#footer{clear:right;width:100%}

Liquido, due colonne percentuali e una larga (n.29)
div#wrapper{float:right;width:70%}
div#navigation{float:left;width:29.9%}
div#extra{clear:both;width:100%}

Liquido, due colonne percentuali e una larga (n.30)
div#wrapper{float:left;width:70%}
div#navigation{float:right;width:29.9%}
div#extra{clear:both;width:100%}

Liquido due colonne, laterale fissa e una larga (n.31)
div#wrapper{float:left;width:100%}
div#content{margin-left:200px}
div#navigation{float:left;width:200px;margin-left:-100%}
div#extra{clear:left;width:100%}

Liquido due colonne, laterale fissa e una larga (n.32)
div#wrapper{float:left;width:100%}
div#content{margin-right:200px}
div#navigation{float:left;width:200px;margin-left:-200px}
div#extra{clear:left;width:100%}

Due colonne fisse (n.33)
div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}

Due colonne fisse (n.34)
div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;width:100%}

Due colonne fisse (n.35)
div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:left;width:500px}
div#footer{clear:both;width:100%}

Due colonne fisse (n.36)
div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{float:right;width:500px}
div#footer{clear:both;width:100%}

Due colonne fisse e una larga (n.37)
div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{clear:both;width:100%}

Due colonne fisse e una larga (n.38)
div#container{width:700px;margin:0 auto}
div#content{float:right;width:500px}
div#navigation{float:left;width:200px}
div#extra{clear:both;width:100%}

Fisso a colonna singola e due metà( n.39)
div#container{width:700px;margin:0 auto}
div#navigation{float:left;width:350px}
div#extra{float:right;width:350px}
div#footer{clear:both;width:100%}

Fisso a colonna singola e due metà (n.40)
div#container{width:700px;margin:0 auto}
div#navigation{float:right;width:350px}
div#extra{float:left;width:350px}
div#footer{clear:both;width:100%}







Link sponsorizzati