CREARE SITI WEB in PHP e MYSQL - Scegliere tra 40 temi (o layout) modificando il file layout.css
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
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%}
div#navigation{float:right;width:350px}
div#extra{float:left;width:350px}
div#footer{clear:both;width:100%}
Ti potrebbe interessare anche...
Fare calcoli e creare elenchi con
- Come creare un blog gratis
- Come creare siti web gratis
- Gestisci le tue foto con Picasa
- Naviga veloce con Google Chrome
- Scarica video e musica con Free Studio
Frasi celebri
“Se non lo sai spiegare in modo semplice, non l'hai capito abbastanza bene” (Albert Einstein).