Nwlapcug.com


Come sostituire combinazioni di colori CSS

Come sostituire combinazioni di colori CSS


Uno dei vantaggi dell'utilizzo di fogli di stile CSS, o CSS, codice sul tuo sito Web o blog è che una singola pagina di codice CSS controlla gli elementi di progettazione principale e combinazioni di colori per ogni pagina del sito. Questo rende tweaking il disegno e il colore del tuo sito Web e implementare tali modifiche tutto il sito, facile e veloce. Per modificare la combinazione di colori CSS sul vostro sito o blog, aprire il file CSS con un editor di testo o un programma di progettazione Web e modificare il codice esadecimale del colore per gli elementi di design che si desidera modificare.

Istruzioni

1

Lanciare l'applicazione editor di testo blocco note o il vostro abituale programma di progettazione Web.

2

Fare clic su "File", "Open" per aprire il file di codice CSS per il tuo sito. Si trova solitamente nella cartella principale che contiene la tua Home page o in una cartella separata di CSS.

3

Leggere il codice CSS nella pagina per identificare gli elementi di design di colore. Ad esempio, il codice CSS per controllare il colore di sfondo di una pagina Web è simile al seguente: "colore di sfondo: #CCCCCC;." Il codice di sei cifre dopo il carattere "#" è il codice esadecimale del colore. In questo esempio, il colore di sfondo della pagina è grigio chiaro.

4

Aprire il browser Web, quindi passare a una risorsa di progettazione Web con un elenco di codici di colore esadecimale, ad esempio ColorPicker, speranza di Computer o ColorSchemer.

5

Copiare i codici esadecimali per i colori di disegno preferito. Dopo aver scelto i tuoi colori, tornare al file CSS che si è aperto nel vostro editor di testo o il programma di progettazione Web.

6

Eliminare il codice a sei cifre per ogni elemento di colore che si desidera modificare. Digitare il nuovo codice di colore dopo il carattere "#", avendo cura di lasciare il "#" nel posto.

7

Salvare il file e caricarlo sul server Web attraverso il sistema di gestione dei contenuti del tuo host o con uno strumento di File Transfer Protocol. Caricare il nuovo file CSS sovrascrive il file esistente e implementa la nuova combinazione di colori in tutto il sito.

Consigli & Avvertenze

  • Provare a limitare a pochi colori complementari--utilizzo di troppi colori su un sito Web può dare un look dilettantesco. Verificare che il tuo sito online che la combinazione di colori funziona bene. Si può modificare il file CSS e caricarlo nuovamente se è necessario apportare modifiche.