Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Script_gadget » *Sorpresine*

..:: Sorpresine... ::..

Uno script per preparare dei gadget molto simpatici, le famose sorpresine,
ovvero giffette o tag che in una determinata data cambiano aspetto, io adoro prepararle
con tutti quei pixelini pucciosi, le feste sono più allegre ^_^

Ecco il codice che va postato nel punto in cui si vuole
visualizzare e comunque sotto il tag <body>

<script type="text/javascript">
// Autore sconosciuto - Spiegato da iltelaiodipenelope.it - Tutorial
var first="https://url immagine 1"
var after="https://url immagine 2"
 var now = new Date();
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
var months = new Array('01','02','03','04','05','06','07','08','09','10','11','12');
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
function longyear(number)
{
return (number < 1000) ? number + 1900 : number;
}
today1 = (longyear(now.getYear())) + "." + months[now.getMonth()] + "." + date;
today2 = (months[now.getMonth()] + "-" + date + "-" + longyear(now.getYear()));

//Modificare la data evento sorpresa qui - anno/mese/giorno -
if (today1 < "2014.03.20" )
//---------------------------------------------------

document.write('<img src="'+first+'" border="0">')
else
document.write('<img src="'+after+'" border="0">')
</script>

Lo script funziona tipo quello per i countdown, finché non arriva
la data prestabilita si visualizza un'immagine, dalla data prestabilita in poi
se ne visualizzerà un'altra che resterà per sempre.

- Vediamo come personalizzare lo script

1) var first="https://url immagine 1"
url della gif/tag che annuncia la sorpresa

2) var after="https://url immagine 2"
url della gif/tag che sarà visualizzata dal giorno dell'evento in poi

3) if (today1 < "2014.03.20" )
Parametro in cui si personalizza la data dell'evento, anno/mese/giorno

- Se volete inserire un vostro link, facendo attenzione a non cancellare nulla
e che sia scritto tutto su una linea, come vedete qui, modificate questi due parametri:

document.write('<a target="_blank" href="https://url sito"><img src="'+first+'" border="0"></a>')
else
document.write('<a target="_blank" href="https://url sito"><img src="'+after+'" border="0"></a>')

# Prelevate qui il codice




Vi mostro un piccolo esempio pratico con queste giffette che ho realizzato
per festeggiare l'arrivo della primavera, l'uccellino annunciava la sorpresa e ora
una dolcissima mini fatina tiene compagnia a chi l'ha scelta!

Le due gif o tag devono avere più o meno le stesse misure in altezza e
larghezza, se volete fare le sorpresine per i vostri utenti, realizzate delle gif/tag
quindi copiate e personalizzate lo script in una pagina, salvate e preparate
un iframe, poi sistematelo in una pagina dove lo possano prelevare

- Se non sapete come fare leggete: Iframe - Pagina anteprima gadget - Textarea

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^

🧩 ✨ Apprezzato
46.67%
Voti totali: 3
Rating... 2




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









~ Pagina visitata da 7752 utenti





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥


Basi e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno
filod'arianna ~ 10/09/2026 07:03:48
Adoro il colore di Ortensie vorrei un blog su Blogger solo per i tuoi kit e i tuoi accessori:-D Grazie mille per tutto ciò che metti a disposizione carissima 😘N.B. Anch'io non vedevo l'ora che arrivasse un po' di fresco -.-'
ૡScritto in Blogger Kit Autunno
Cris ~ 02/07/2026 19:45:24
Ciao, sono passata per un salutino e per rivedere il tuo sito. Buona serata e buon fine settimana.
ૡScritto in *Amici del telaio...*
DanyGraphic ~ 30/05/2026 15:30:54
Ciao Penny , sempre belle e interessanti le tue pagine .Un abbraccio e buon fine settimana
ૡScritto in Home
Sabry ~ 26/05/2026 21:34:59
Sei unica ♥️
ૡScritto in Info box
Elise ~ 21/05/2026 17:30:40
Riciao visto com'è brava la nostra Grazia?
ૡScritto in Home