April 28
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.
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.