Come creare dinamici di colore Sfumature per lo sfondo del sito Web

April 28

Come creare dinamici di colore Sfumature per lo sfondo del sito Web


sfumature di colore sono immagini in cui un colore si sposta gradualmente a un colore diverso. Nel web design, servono modi creativi di rendere il vostro sito web spiccano senza essere pedante. Si può fare un buon background se un colore solido è troppo noioso e una immagine sarebbe troppo fastidioso. Molti avanzate editor di immagini - alcuni gratuiti - possono creare sfumature al volo e utilizzarli sul vostro sito web è semplice e lineare.

istruzione

1 Scaricare e installare il programma Gimp da Gimp.org. Gimp è un concorrente freeware per editor di immagini avanzate come Photoshop.

2 Aprire il Gimp. Dopo un breve periodo di carico, dovrebbe comparire una grande barra verticale. A metà dovrebbe essere due colori, uno sopra l'altro.

3 Fare clic sul primo colore. Una finestra di dialogo dovrebbe sollevarsi che consente di selezionare qualsiasi colore desiderato. Quando hai trovato un colore a proprio piacimento, premere "OK".

4 Fare clic sul secondo colore e ripetere il processo. L'obiettivo è quello di creare un colore iniziale e un colore finale del gradiente.

5 Fare clic sullo strumento "Blend" sulla barra degli strumenti, un'icona che assomiglia a un gradiente di grigio. E 'accanto all'icona Secchiello.

6 Fare clic sul pulsante "File" e poi selezionare "Nuovo". Selezionare la larghezza e l'altezza e premere "OK". Una nuova, file di immagine in bianco deve aprire.

7 Fare clic e tenere da qualche parte sulla un'immagine vuota, quindi trascinare il mouse a un punto diverso sull'immagine. Rilasciare il mouse. L'immagine deve trasformarsi in una sfumatura di colore; punto di partenza del topo sarà dove il primo colore inizia a girare nel secondo colore; punto finale del topo sarà dove viene raggiunto il secondo colore e la sfumatura termina.

8 Salvare il file e caricarlo sul vostro server web.

9 Aprire il foglio di stile del tuo sito web e aggiungere la seguente regola:

body {background-image: URL ( 'YourSite.com/YourImageUrl.jpg'); }

Se non si dispone di un foglio di stile, aprire la home page e aggiungere il seguente codice nella sezione <head>:

<Style type = "text / css">
body {background-image: URL ( 'YourSite.com/YourImageUrl.jpg'); }
</ Style>

Assicurarsi di modificare l'URL al tuo sito web e l'indirizzo dell'immagine.

10 Salvare il file e controllare il vostro sito web in un browser. Il gradiente dovrebbe apparire come sfondo del tuo sito web.


Articoli Correlati