Come sostituire schemi CSS colori

August 28

Come sostituire schemi CSS colori


Uno dei vantaggi di utilizzare fogli di stile CSS, o CSS, codice sul tuo sito web o blog è che una singola pagina di codice CSS controlla gli elementi di design e combinazioni di colori principale per ogni pagina del sito. Questo rende tweaking il disegno ed il colore del tuo sito web, e l'attuazione di questi cambiamenti attraverso l'intero sito, semplice e veloce. Per cambiare lo schema dei colori CSS sul tuo sito web o blog, aprire il file CSS con un editor di testo o un programma Web design e modificare il codice esadecimale del colore per gli elementi di design che si desidera modificare.

istruzione

1 Avviare l'applicazione editor di testo Blocco note o il programma di Web design al solito.

2 Fare clic su "File", "Apri" per aprire il file di codice CSS per il tuo sito. Potrai trovare di solito questo sia nella cartella principale che contiene la tua home page o in una cartella separata CSS.

3 Leggere il codice CSS della pagina per identificare gli elementi di design di colore. Ad esempio, il codice CSS per controllare il colore di sfondo di una pagina Web si presenta così: "background-color: # CCCCCC ;." Il codice a sei cifre dopo il carattere "#" è il codice esadecimale del colore. In questo esempio, il colore dello sfondo è grigio chiaro.

4 Aprire il browser Web, quindi accedere a una risorsa Web design con un elenco di codici colore esadecimali, come ColorPicker, Computer Speranza o ColorSchemer.

5 Copiare i codici esadecimali per i colori di design preferiti. Dopo aver scelto i colori, tornare al file CSS che è aperto nel vostro editor di testo o programma di progettazione Web.

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

7 Salvare il file e caricarlo sul server Web attraverso il sistema di gestione dei contenuti del vostro host o con uno strumento di File Transfer Protocol. Il caricamento del nuovo file CSS sovrascrive il file esistente e implementa la nuova combinazione di colori attraverso il sito web.

Consigli e avvertenze

  • Cerca di limitarsi a pochi colori complementari - usare troppi colori su un sito web può dare un aspetto amatoriale. Controlla il tuo sito web on-line per garantire il colore schema funziona bene. È possibile modificare il file CSS e caricare di nuovo se è necessario apportare delle modifiche.