Come fare Sparkle effetti con i CSS

April 20

Come fare Sparkle effetti con i CSS


Con un file Graphics Interchange Format animato e fogli di stile CSS, avete la possibilità di fare gli effetti scintilla sulla vostra pagina Web. Il GIF contiene digitale, spostando glitter e il CSS assegna la decorazione di elementi della pagina. Per esempio, è possibile applicare le scintille di collegamenti ipertestuali o visualizzare uno sfondo animato sul tuo sito web. Utilizzare un file GIF animato e il programma di editor di testo del computer per creare effetti scintilla dove si preferisce.

istruzione

1 Accedi al tuo account host Web e caricare il file GIF animato nella stessa cartella o directory in cui gli altri file del sito risiedono. Prendere nota dell'indirizzo URL del file dopo il caricamento - per esempio, http://www.yoursite.com/images/sparkle.gif. Se non si dispone di un account ospite, puntare il browser su una serie di file online gratis, come il contagocce file o Host file di dati, seguire le istruzioni per caricare il GIF scintilla e registrare l'URL dopo che il processo è completo.

2 Avviare il programma di editor di testo e aprire il documento sito web in cui si desidera effettuare effetti scintilla. Posizionare il cursore prima del <head /> elemento che termina in alto e digitare il seguente codice CSS:
<Style type = "text / css">

</ Style>

3 Inserire un elemento HTML tra i tag di stile per determinare dove si applica l'animazione scintillio sulla tua pagina. Per esempio, tipo "A" per i collegamenti, "p" per i paragrafi o "corpo" per l'intera pagina. Inserire un paio di parentesi graffe dopo l'entrata in questo modo:
<Style type = "text / css">
body {}
</ Style>

4 Tipo "background-image: url ( 'File URL Address');" tra le parentesi graffe e sostituire la voce "File URL Address" con l'indirizzo del file GIF animato. Illustrare:
body {background-image: url ( 'http://www.yoursite.com/images/sparkle.gif'); }

5 Salvare il file e visualizzare l'anteprima in un browser. Quando è pronto, caricare il documento per l'host Web per pubblicare gli effetti scintilla.

Consigli e avvertenze

  • È possibile creare immagini scintilla liberi su animati siti Gif Maker quali Glitterizer, Webestools e Glitterboo. Seguire le istruzioni sul sito per creare una foto e scaricare l'immagine GIF animata al computer.