Pagine

Come ho modificato i colori del mio foglio stile (CSS)

A - SCELTA DEI COLORI
1 - mi collego al sito colorschemedesigner.com
2 - scelgo "tetrad"
3 - imposto l'inclinazione a 150° e 30°
4 - clicco su "Adjust Scheme"
5 - dal menu a discesa scelgo "Medium Dark (saturated)"

B - COPIA E APERTURA FOGLIO STILE
6 - faccio una copia del foglio stile
7 - lo apro con HTML-kit

C - APERTURA SELETTORE DEI COLORI
8 - apro il programma PicPick
9 - dal programma PicPick, scelgo "Apri selettore colori"

D - APERTURA FIREFOX ED ESTENSIONE WEB DEVELOPER
10 - apro Firefox
11 - apro la barra dell'estensione Web Developer
12 - dal menu Web developer, clicco su CSS > Modifica CSS
13 - mi collego al sito da modificare (www.pcdazero.it)

E - SOSTITUIRE IL CODICE COLORI
14 - punto il puntatore su un'area del sito da modificare e premo il tasto "stamp" per copiare negli appunti il codice colore (con il programma PicPick)
15 - lo copio nella casella di ricerca di HTML-Kit
16 - ritorno al sito colorschemedesigner.com e scelgo il colore
17 - punto e premo il tasto "stamp" per copiare il codice sugli appunti
18 - lo copio nella casella "Replace" di Html-Kit
19 - clicco su Replace All per sostituire i codici colore
20 - clicco su Salva per salvare le modifiche del foglio stile

F - CARICARE IL FOGLIO STILE PER LA VERIFICA VISUALE
21 - ritorno su Firefox sulla pagina del sito
22 - dalla finestra "Modfica CSS" clicco su "Apri"
23 - e carico il foglio stile sul browser
In questo modo posso controllare visivamente la pagina senza caricare il nuovo foglio stile sul server
24 - navigo su altre pagine e ricarico ogni volta il foglio stile cliccando su "Apri" dallo strumento "Modifica CSS" di Web Developer
25 - ripeto le operazioni (E) e (F) più colte fino ad ottenere il risultato desiderato.

G - CARICAMENTO FOGLIO STILE E MODIFICA COLORI ADSENSE
26 - al termine carico il foglio stile con il programma FTP Filezilla)
27 - adatto i colori agli annunci Adsense inseriti nel sito.

0 commenti: