Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.18 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 https://www.iltelaiodipenelope.it/tutorial/index.php
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 ^_^
66.67%
Voti totali: 3
Rating... 4





Commentario...

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

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  


~ Pagina visitata da 7882 utenti


 H: 
Buona Primavera e ...buon sabato!





Segui il telaio su Facebook

Privacy Policy Cookie Policy

* 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 ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...


Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home
 
Gabriella
07/03/2025 12:04:36
Ciao Penny, visto che usufruisco spesso delle tue lezioni di codici e html ho preso i tuoi banner ;) Grazie e un abbraccio
ೡ Scritto in... Banner link del telaio ^_^
 
Mamyr
06/03/2025 13:34:06
Ciao Penelope, grazie per questo tuo sito meraviglioso e molto utile, ho prelevatoL'almanacco in table -blu- per inserirlo nel mio blog. Inserirò anche il tuo banner, grazie ancora e buona giornata.
ೡ Scritto in... Almanacco in table