Pagina aggiornata... Domenica, 21 gennaio 2024 * Tempo di caricamento 0.08 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Script_gadget » Conta tempo

..:: Conta tempo ::..

Vediamo uno script che ci permette di visualizzare il tempo trascorso
da una data prestabilita, ecco qui un esempio pratico del suo utilizzo... ^_^



Cliccate qui per vedere il codice base

Lo script è in un unico pezzo e va postato nel punto in cui si vuole visualizzare
e comunque sotto il tag <body>, possiamo fare tutte le personalizzazioni che vogliamo,
sia agendo nei campi stabiliti nello script stesso che nella pagina in cui lo utilizziamo

- All'inizio dello script troviamo questo blocco in cui effettuare le varie personalizzazioni,
ho inserito indicazioni in italiano per ogni parametro così da facilitare il lavoro^^

//////////INIZIO PERSONALIZZAZIONI SCRIPT//////////////////

//1) Inserire qui la data di inizio conteggio nel formato: anno, mese e giorno
setcountup(2008,7,25)

//2) Scrivere qui il testo che accompagna il calcolo
var displaymessage="Tuo testo qui"

//3)
var countupwidth='95%' // Personalizza la larghezza di visualizzazione conta tempo
var countupheight='20px' //Personalizza l'altezza applicabile solo per NS4
var countupbgcolor=' ' // Personalizza lo sfondo di visualizzazone conta tempo
var opentags='<font face="Tahoma" color="#5e402a" font size="2">' // Personalizza tipo, colore e misura font
var closetags='<\/font>' // Chiusura tag parametri font

//////////FINE PERSONALIZZAZIONI SCRIPT//////////////////

* Il punto 2) var displaymessage="Tuo testo qui" è il campo in cui
scrivere il messaggio che seguirà il conteggio, facciamo attenzione a scrivere tutto
su una linea, se dobbiamo andare a capo utilizziamo il classico tag <br>

Se il messaggio lo vogliamo visualizzare prima del conteggio
lasciamo vuoto questo campo e scriveremo il testo prima dello script

Il telaio è online da... <script type="text/javascript"> ecc. ecc.

Oppure possiamo scrivere un testo prima dello script e altro nell'apposito tag

Sono trascorsi <script type="text/javascript"> ecc. ecc.</script> dalla nascita del telaio!

* Per visualizzare il conteggio con lo stesso font utilizzato per il resto
della pagina basterà lasciare vuoti i parametri dei campi per la personalizzazione

var opentags=' ' // Personalizza tipo, colore e misura font
var closetags=' ' // Chiusura tag parametri font

Se volete realizzare un conta tempo particolare con un po' di attenzione è
possibile andare a capo anche con le varie parti del conteggio


- Alla fine dello script troviamo la parte di codice che permette la visualizzazione
delle varie parti del conta tempo, basterà mettere dei <br> nei punti giusti
N.B.: nello script la parte che qui vedete evidenziata è scritta tutta su una linea,
non andate a capo, lo script non funzionerebbe più, lasciatelo esattamente com'è

if (document.layers){
document.countupnsmain.document.countupnssub.document.write(opentags+dday+ "giorni<br>"+dhour+" ore<br>"+dmin+" minuti e <br>"+dsec+" secondi"+displaymessage+closetags)
document.countupnsmain.document.countupnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " giorni <br>"+dhour+" ore <br>"+dmin+" minuti e <br>"+dsec+" secondi "+displaymessage+closetags

- Un ultima cosa, è possibile inserire una sola volta lo script in una pagina,
se volete due conta tempo dovrete utilizzare un iframe

# Per scaricare il codice cliccate qui -> Conta tempo

in file txt, vi basterà aprire il file, copiare tutto e incollare dove lo volete visualizzare

Se volete realizzare dei gadget/accessori da far prelevare vi serviranno anche:
-> Iframe -> Textarea -> Pagina anteprima gadget

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 ^_^
100%
Voti totali: 3
Rating... 5





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 2627 utenti


 H: 
Buona Primavera e ...buon weekend!





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

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
 
Pinalie
03/03/2025 01:38:03
Oh sweet Penelope .. im sorry you can make no comment yet on my pageim still working to make it fit to goi hope end summer it will be done, i hope whoo!i instalt a new clock from you.. love your clocks so much thank you so much again for your lovley giftmy derest greetings ♥♥♥
ೡ Scritto in... Orsetti...
 
Grazia
26/02/2025 09:43:32
Ciao carissima Penelope, come stai? E' da tanto che non ci sentiamo. Qui è sempre tutto meraviglioso! Sono passata a prelevare un tuo banner da inserire nel mio nuovo spazio web, alla fine sono riuscita ad inaugurare quel "famoso" sito statico in cui offro piccole utilità grafico/digitali agli utenti e l'ho chiamato Dreamland...mi ci è voluto un po' ma sono partita col progetto...dai che così magari ci sentiamo più spesso. Ancora complimenti, un abbraccio e sereno proseguimento di giornata ♥
ೡ Scritto in... Home
 
ೡPenelope ♥
18/02/2025 20:27:41
Dear Pinalie thank you so much, I couldn't leave a message in your space, a big hug ♥
ೡ Scritto in... Orsetti...
 
ೡPenelope ♥
18/02/2025 20:16:52
Cara Filo d'arianna ti ringrazio tanto, fammi sapere quando avrai un tuo spazio così da poter ricambiare, una abbraccio forte ♥
ೡ Scritto in... Banner link del telaio ^_^
 
Antonella
13/02/2025 01:00:16
ciao Penelope ho prelevato uno dei tuoi almanacchi e l'ho inserito nel mio blog.Complimenti per il tuo sito sempre ricco e interessante.[Link]
ೡ Scritto in... Almanacco soft
 
Vale
02/02/2025 06:15:22
carinissimi!!♥
ೡ Scritto in... Mini cursori
 
Pinalie
19/01/2025 22:47:05
Deer Penelope i love and instal your sweet little bear Date Time on my pageThank you so much for your work
ೡ Scritto in... Orsetti...