Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.75 secondi
Link navigazione : Home telaioHome ~ 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 7455 utenti


 H: 
Buona Primavera e ...buona domenica!





* 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
con l'hosting free più famoso...



Gif  & co... Penelope ♥


Pagina Facebook
del telaio...




 

I vostri messaggi...

Grazia
02/03/2024 06:44:00
Ciao Penny cara,sono passata per augurarti buon sabato... complimenti per le novità ed un abbraccio forte! 😘♥
ೡ Scritto in... Il telaio di Penelope...
 
Cleo
24/02/2024 11:03:51
ciao tesoro ti auguro un buon fine settimana
ೡ Scritto in... Il telaio di Penelope...
 
Nonna Dani
22/02/2024 16:37:27
Bellissimo il tuo blog ho preso l'almanacco e il calendario. Complimenti. Ciao
ೡ Scritto in... Almanacco menu
 
Grazia
18/02/2024 17:18:01
Ciao carissima Penny, auguro anche a te una buona domenica, grazie di essere passata nel Taccuino ♥ Un abbraccio forte e serena serata...a presto!
ೡ Scritto in... Il telaio di Penelope...
 
Lula
15/02/2024 15:32:39
Ciao cara come stai? Spero bene sono passata per un saluto veloce ♥
ೡ Scritto in... Iframe
 
Grazia
07/02/2024 07:45:12
Ciao Penny cara, mentre continuo l'interminabile lavoro per il mio sitino nuovo, sono passata a lasciarti un salutino veloce ♥ Spero sia tutto ok :) Cerco di fare, nei limiti delle mie possibilità, molte cose in contemporanea, avendo tante passioni (a proposito, grazie del tuo voto alla mia poesia su Instagram ♥ ) e quindi sono come te sempre di corsa, ma le amiche vengono prima di tutto. Un abbraccio e mille complimenti come sempre!
ೡ Scritto in... Il telaio di Penelope...
 
Grazia
27/01/2024 08:50:44
Ciao Penny cara, sono passata per un salutino e per augurarti buon sabato ♥ Mentre lavoro con SharepointDesigner al nuovo spazio che ti dicevo di recente, un giro di saluti tra le amiche fa sempre piacere. Bacioni ♥
ೡ Scritto in... Il telaio di Penelope...
 
Penelope
21/01/2024 23:01:40
Cara Grazia WordPress è sicuramente la scelta migliore che si possa fare per avere uno spazio professionale semplice da gestire, conosco la piattaforma piuttosto bene e so che è anche molto versatile, per il mio telaio però preferisco un sito tradizionale mi piace trafficare con i codici ^_^ Un abbraccio forte a te
ೡ Scritto in... Iframe
 
Grazia
21/01/2024 08:21:23
Buongiorno e buona domenica Penelope! ❤️ Sai, io adoro come te i siti statici, ma per quel che riguarda gli spazi che personalmente costruisco con WordPress, sono tutti realizzati con software esterni acquistati di editing tecnico-grafico, nel mio caso non utilizzo le basi pronte fornite da Altervista, ma decido ogni singolo componente (anche la struttura interna delle pagine ecc.). Avevo bisogno di un blog per argomentare e WordPress era la scelta più professionale a disposizione! È sempre un piacere passare a trovarti, un abbraccio forte forte a te e ai ragazzi ed a presto
ೡ Scritto in... Iframe
 
Penelope
20/01/2024 22:57:04
Grazie carissima Grazia i tuoi complimenti sono davvero graditi, gli iframe sono una grande risorsa web e capire come utilizzarli al meglio può essere molto utile, spero ^_^ ho provato ad utilizzare WordPress con Altervista ma non fanno per me i cms, preferisco un sito indipendente da codici preimpostati Un abbraccio forte
ೡ Scritto in... Iframe
 

Referer...



Gestisci le opzioni di privacy