Come fare un Favicons animato

October 6

favicon animati prendono le favicon in indirizzo URL bar un ulteriore passo avanti. Alcune persone pensano di essere carino; alcune persone pensano di essere fastidioso. Non si può avere li notato affatto perché lavorano solo con il browser Firefox. Se si desidera che il proprio favicon animato tutto ciò che serve è Photoshop e un po 'mojo HTML.

istruzione

1 Creare un'immagine statica favicon. Avrete bisogno di formato il documento di 16 pixel per 16 pixel. È possibile ridurre l'immagine ingrandita o creare il favicon da zero.

2 Salvare l'immagine come file ICO. Sarà necessario avere l'ICO plug-in installato nella cartella "formati" all'interno della cartella dei plug-in di Photoshop. Scegliere "di Windows ICO" come formato di file nella finestra di dialogo Salva. Utilizzare "favicon.ico", come il nome del file.

3 Aggiungere animazione. palette Animazione Open Photoshop e assicurarsi che ci si trova in modalità di animazione. Aggiungere cornici per ogni fase dell'animazione. È possibile modificare la posizione di livello, o mostrare e nascondere i livelli per creare l'animazione.

4 Salvare l'animazione come file GIF (file ICO sono statici.) Scegliere "Salva per Web e dispositivi" dal menu File. Assicurarsi che la trasparenza sia selezionato se si desidera uno sfondo trasparente. Utilizzare "Favicon.gif" per il nome del file.

5 Modifica la pagina web. Inserire il codice seguente tra i tags:.

6 Carica la tua pagina web e file sul server. Caricare la pagina in Firefox per assicurarsi che i carichi favicon animate. Caricare la pagina in Explorer per assicurarsi che l'icona carichi statici.

Consigli e avvertenze

  • Momento in cui scriviamo favicon animate funzionano solo con i browser Firefox.
  • Non dipingere i cambiamenti nei livelli di Photoshop, perché influenzerà ogni fotogramma nell'animazione. È possibile modificare la posizione strato, o copiare il livello e apportare modifiche alla copia.