_____________ Prenditi un paio di ali e seguimi

Ritorniamo alla nostra finesta "modifica modello", precedentemente aperta (vedi post "PRIMI PASSI" )

 

Dovrebbe comparirvi una finestra con questi caratteri, circa:

 

___________________________________________________ 

 

 /****
 *
 * PT p24
 *
****/
body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 100%;
    word-spacing: normal;
    text-align: center;
    background-color: #007b84;
    background-image: url(http://www.sfondo.com/images/fuoco/sfondi-desktop-fuoco/desktop-Malta-DingliCliffsTramonto.jpg);
    background-repeat: no-repeat;
}

#container {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
        background-image: url(http://wallpapers.free-review.net/wallpapers/12/Ice_Hand.jpg);
    background-repeat: no-repeat;
        background-position: bottom;
        padding: 0px 0px 150px 0px;
}

.container-decorator3 {
    padding: 0px 0px 120px 0px;
}

#left {
    float: left;
    width: 236px;
    overflow: hidden;
    background-color: trasparent;
    color:#acdfe3;
    line-height: 140%;
        float: left;
    }

 

[ECC... ECC....] 

_______________________________________________________________________________________________

 

Ecco, questo testo è ciò che ci permette di comunicare col computer, di dirgli le impostazioni che vogliamo adottare...e le modifiche che apporteremo a questo testo, ci permetteranno di migliorare il nostro blog...così da favorire la lettura ai visitatori. 

 

 

Allora...cerchiamo di capirci qualcosa:

Per esempio, questo codice qua:

 

body {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 100%;
    word-spacing: normal;
    text-align: center;

    background-color: #007b84;

    background-image: url(http://www.sfondo.com/images/fuoco/sfondi-desktop-fuoco/desktop-Malta-DingliCliffsTramonto.jpg);

 

Mi dice che:

1) è il codice per regolare il "body" (quindi il "corpo" della pagina del nostro blog)

2) dentro il "body posso regolare il carattere("font" ) e allineare il testo ("text-align")e

3) Mi dice di che colore è lo sfondo!!!! ("background-color")...se voi controllate nella finestra che vi avevo detto di aprire nella fase 2 (apribile anche da QUI), vedrete nella lista dei colori che il codice che leggiamo nel testo sopra,accanto "background-color", corrisponde al colore del vostro sfondo!!quindi è quiche dobbiamo intervenire per modificare il colore di sfondo.

 

Ad esempio.

 

se avete lo sfondo del blog arancione, vedrete il codice:

 

        background-color: #FFA500

 

Se non vi piace il colore che avete di sfondo, andate nella lista dei colori, scegliete quello che più si intona con il vostro sito e inseritelo al posto di quello che vedete dopo "background-color"

 

Ad esempio:

 

non mi piace lo sfondo arancione?

vado su

 

background-color: #FFA500

 

cancello il codice

 

background-color:

 

e inserisco il codice che corrisponde al colore che più mi piace...ad esempio il cyan(codice: #00FFFF):

 

background-color: #00FFFF

 

 Cliccate su "salva queste informazioni" e andate a vedere il risultato sul vostro blog.

 

 

 

Nel prossimo post vi spiego come inserire la benedetta immagine....intanto cercate un colore decente per il vostro sfondo....

Ciao cari!!!