Warning: include(../../header_telaio.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 31

Warning: include(): Failed opening '../../header_telaio.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 31


  H:
Buona Primavera !




Warning: include(../../path.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 42

Warning: include(): Failed opening '../../path.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 42

ೡ Foglio di style o css

Il foglio di style o più semplicemente css, sono un'insieme di parametri e classi che ci permettono
di stabilire come vogliamo realizzare le nostre pagine, ovvero quali colori usare per lo sfondo, il testo
e i link, come e quali devono essere i contenitori che useremo per il layout, i menu e i contenuti,
insomma tutto quello che ci occorre per qualsiasi tipo di progetto abbiamo in mente.

Per non fare confusione e renderci più facile un'eventuale cambiamento, basterà
scriverlo con un ordine preciso, io per esempio inizio sempre con i parametri per la pagina,
poi i titoli, i link e man mano aggiungo ciò che mi serve per il layout e i vari contenitori

I css si scrivono all'inizio della pagina, tra i tag <head> e </head>
e devono essere racchiusi tra i tag: <style type="text/css"> e </style>

- Un piccolo esempio pratico

<style type="text/css">

/* Pagina */
body {
background-color :#xxxxxx; o background-image: url('url immagine');
font-family: "xxxxxx";
font-size:xx px;
color:#xxxxxx;
text-align:center
}

/* Titoli */
h1{margin-bottom: 5px; font-size:110%; font-style: oblique;}
h2{font-size: 110%; font-style: oblique;}
h3{margin-bottom: 3px; font-size: 100%; text-align:center; color: #785c58;}
h4{margin-bottom: 5px;font-size: 90%; font-style: oblique; text-align:center;}

/* Link */
a:link {
text-decoration: none;
cursor:nw-resize;
font-family: "Verdana";
font-size: 12px;
color:#879b59;
}
a:visited {
....
}
a:hover {
....
}
a:active {
....
}

/* Contenitori layout */
div#header {
border:0 none;
background-image: url('url immagine');
text-align:center;
margin-left:auto;
margin-right:auto;
width: xxx px;
height:xxx px
}
div#corpo {
....
}
div#footer {
....
}

/* Table */
table.base{
border:0px;
text-align:center;
font-family: "Verdana";
font-size: 12px;
color : #785c58;
margin-left:auto;
margin-right:auto
}
table.left{
....
}
table.bordo{
....
}
ecc... ecc...

/* Celle */
td.bordo_left{
border-left:1px dotted #785c58;
text-align:center;
font-family: "Verdana";
font-size: 12px;
color : #785c58
}
td.left{
....
}
ecc... ecc...

/* Menu */
.box_menu{
....
}

</style>

I parametri che scriveremo per la pagina, body, e i link, saranno attivi senza dover
essere richiamati da altri tag, per i titoli, le classi dei contenitori e table, le richiameremo
dove ci occorrono nella pagina. Nel mio piccolo esempio ho inserito quelle che sono
le esigenze base per una pagina, ovviamente poi dipende dal progetto che si vuole realizzare

Con un po' di pazienza sapremo utilizzare questo strumento in maniera ottimale, ovvero
sfruttarne tutti i vantaggi al fine di realizzare e gestire il nostro spazio in modo pratico e veloce,
ci basterà scriverlo una sola volta, copiarlo su un file a se per averlo su tutte le nostre pagine
con un semplice tag di richiamo, leggi -> css da file esterno

Negli esempi di siti che vi propongo troverete i css necessari con cui sono stati realizzati
poi in base alle vostre necessità potrete togliere o aggiungere ciò che volete.

- Nella sezione html dei tutorial ho gia scritto in maniera molto approfondita come si scrivono
e si usano i css -> css basi | css table | css table struttura sito | css div | css div struttura sito

Buon proseguimento di lettura...



Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  





Warning: include(../../pubblicita_striscia.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 185

Warning: include(): Failed opening '../../pubblicita_striscia.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\basi\foglio_style_css.php on line 185


•°o.Pagina visitata da 446 utenti

ೡ Per iniziare...


ೡ Sito in table


ೡ Sito in grafica


ೡ Guida FrontPage


Tutorial e guide
Un sito su AlterVista



Warning: include(../../pubblicita_cubo_2.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19

Warning: include(): Failed opening '../../pubblicita_cubo_2.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 19


Vota il telaio nelle top, Grazie

Basi pronte siti web e blg blogger

♥ Penelope Gif & co...


Warning: include(../../menu/menu_feste.php): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33

Warning: include(): Failed opening '../../menu/menu_feste.php' for inclusion (include_path='.;C:\php\pear') in D:\inetpub\webs\iltelaiodipenelopeit\fare_un_sito\navigazione.php on line 33






 

I vostri messaggi...


Warning: file(../commentario/db_prova.txt): failed to open stream: No such file or directory in D:\inetpub\webs\iltelaiodipenelopeit\commentario\ante_mex_pagine.php on line 4

 

Referer...