Il modo più semplice per creare uno sfondo sfumato sul tuo sito web

July 20

Il modo più semplice per creare uno sfondo sfumato sul tuo sito web


Uno sfondo sfumato è un modo per aggiungere un po 'di fascino al tuo sito web. Generalmente, il sito avrà un colore di sfondo specifico, e il gradiente proviene da un'immagine posizionata nella parte superiore dello schermo. Il gradiente sfuma gradualmente dal colore di sfondo del sito in un colore diverso della vostra scelta. Questo crea una dissolvenza senza soluzione di continuità, e una nuova esperienza estetica per il visitatore. Un po 'di conoscenza HTML sarà utile nello svolgimento di questo compito.

istruzione

1 Vai a gradient-maker.com. Fare clic sulla casella accanto a "End colori" etichetta "Fare clic per utilizzare selettore colore." Utilizzando lo strumento di seguito, selezionare il colore che si desidera lo sfondo del vostro sito per essere, il colore che si desidera il gradiente di dissolvenza in. Annotare il codice hash che viene visualizzato nella casella "Fine di colore", e tenere la finestra aperta.

2 Accedere alla account FTP per il tuo sito. Se il sito utilizza un foglio di stile CSS, di solito chiamato "style.css", scaricare sul computer. In caso contrario, scaricare tutti i file HTML sul quale si desidera aggiungere il gradiente. Fare un backup di questi file sul computer - questo è così è possibile ripristinare il sito alle sue impostazioni precedenti se si commette un errore.

3 Aprire il primo file HTML è necessario modificare, e il foglio di stile. Individuare lo stile per "corpo", che di solito è nella parte superiore del foglio di stile, o subito dopo il tag <body> nel file HTML. Individuare la riga di codice che sembra qualcosa di simile a questo:

background-color: #fff;

Cambiare "#fff" per il codice esadecimale annotato nel passaggio 1.

4 Ritorno a gradient-maker.com, e ripetere il processo descritto al punto 1 per il "Color Start" del gradiente.

5 Impostare il campo "Larghezza" testo "5" e il campo di testo "Altezza" per le dimensioni che si desidera il gradiente di essere. Se non siete sicuri, fare clic sul pulsante "Make Gradient" sulla destra. Questo cambia lo sfondo del gradiente Maker per le impostazioni specificate. Basta ripetere questo processo finché non si è soddisfatti del risultato.

6 Fai clic su "Download" e salvare il file nella stessa posizione come i file HTML, e rinominarlo in "gradient.php". Utilizzare tutto in minuscolo.

7 Torna al file HTML o CSS si stava modificando in precedenza. Sotto la linea "background-color", aggiungere le seguenti righe di codice:

background-image: URL ( 'gradient.png');

background-repeat: repeat-x;

8 Salvare il file. Se il sito utilizza un foglio di stile CSS, questo è l'unico file è necessario modificare. In caso contrario, ripetere la procedura per ciascuno dei vostri file HTML. Caricare i file sul tuo sito web tramite il vostro programma FTP.