Creare un count down ( contatore )

Un countdown conta i giorni che mancano ad una certa data. In questo faremo un countdown per natale!

Salvatevi questa gif che useremo per preparare l'immagine ->
Aprite la gif con Animation Shop, poi aprite anche Paint Shop e create una nuova immagine 150x150, sfondo trasparente.
Inserite in alto alla tela subito la vostra firma.

1) Con lo strumento Selezione (S) impostato come da figura (tipo di selezione rounded rectangle) realizzate un rettangolino in basso alla vostra tela, proprio come si vede nella figura:



2) Cliccate sullo strumento riempimento e scegliete come colore di primo piano il nero e colorate dentro la selezione. Ora cliccate su Selezione -> Modifica -> Contrai... Scegliete numero di pixel=1 e cliccate ok. Adesso scegliete (sempre con la selezione attiva) il colore rosso come colore di primo piano e con lo Strumento Riempimento colorate all'interno della selezione.
Ora cliccate su Selezione -> Nessuna selezione.
3) Adesso andate su Animation shop e copiate il primo fotogramma del nostro alberino di natale. Andate su animation shop e incollate il fotogramma nella tela come nuovo livello ( basta cliccare CTRL+L). Con lo strumento spostamento spostate l'albero in alto,in modo che stia sopra il rettangolino, come nella figura:



4) Cliccate adesso su Modifica -> Copia unione, e incollate come nuova animazione su Animation Shop.
Ripetete le operazioni 3 e 4 con gli altri 7 fotogrammi dell'alberino, copiandoli nella tela in modo che sia il livello più alto (questo nuovo livello dovrebbe essere il raster 3 e dovrebbe stare sopra il livello raster 2 e così via) e spostandolo nello stesso posto dell'alberino che c'era già in modo da coprire esattemente quello che c'era; per la copia su animation shop scegliere sempre copia dopo fotogramma corrente.
Salva l'animazione su Animation Shop cliccando salva con nome e scegliendo il formato gif.

Ora caricate l'animazione su un sito di host come per esempio http://imageshack.us/ e copiatevi il link dell'immagine perchè dovrete usarla nel vostro codice HTML.
Aprite FrontPage. Create una nuova pagina vuota e copiate questo codice al posto di quello generato in automatico:



Dove specificato nel codice inserite il link dell'immagine che vi eravate copiate. Il resto del codice lasciatelo inalternato per questo tutorial, mentre per quello a fantasia potete cambiare il tipo e colore di scritta.Vi spiego quale parte del codice potete modificare:



In questa parte di codice che ho preso da quello completo per spiegarvi, background-color indica il colore dello sfondo al testo (#FF0000 è il rosso), che deve essere uguale al rettangolino che avete fatto voi nell'immagine; font-size indica le dimensioni della scritta e font-family il tipo di carattere.



questo pezzo indica invece la data scelta per il countdown. Noi abbiamo messo quella di natale,ma può essere ad esempio la data del vostro compleanno!

Adesso per vederlo funzionare dovete salvare la pagina creata con FrontPage su un sito. Clicca QUI per vedere come fare a caricare la pagina su altervista.
Dopo di che per veder apparire il vostro countdown in un altra pagina che volete voi (ad esempio nella home del vostro sito/blog splinder/forum) dovete copiare nel punto in cui volete che appaia quest'altro codice HTML:



dove inserirete al posto della scritta accanto a src= l'indirizzo della pagina che avete caricato il il codice HTML del countdown, e width e heigth le dimensioni dell'immagine.

E il countdown dovrebbe apparirvi nella vostra pagina...ecco il risultato finale di sweetjam7(il mio l'ho cancellato per sbaglio!) COUNTDOWN

Anche voi per postare i vostri lavori qui basta che copiate il link della pagina con il codice nel post con i vostri lavori,come ho fatto qui sopra io,ok?