 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Datario con saluto ::.. Con un solo script possiamo visualizzare un saluto in base a l'ora, l'ora e la databasterà postarlo nel punto in cui vogliamo visualizzarlo e si può personalizzare facilmente
|
| <span id="clock"></span> <script type="text/javascript"> <!-- // Autore sconosciuto - Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php function AggOra() { var mesi = new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre", "Novembre","Dicembre"); var nomeGiorno = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato'); Data = new Date() Giorno = Data.getDate() Mese = Data.getMonth() Anno = Data.getFullYear() Ore = Data.getHours() Minuti = Data.getMinutes() Secondi = Data.getSeconds() if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno" if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio" if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera" if (Ore > 21) Saluto = "Buona notte" if (Ore < 7) Saluto = "Ciao!" if (Minuti < 10) Minuti = "0" + Minuti if (Secondi < 10) Secondi = "0" + Secondi messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno if(!document.layers){ aggsec = setTimeout("AggOra();",1000);} if (document.getElementById){ document.getElementById('clock').innerHTML=messaggio;} else if (document.all){ document.all.clock.innerHTML=messaggio;} else if(document.layers){ document.write(messaggio);} } AggOra(); //--> </script> |
Il datario si visualizzerà con il tipo, colore e misura di font stabilito per la pagina,se si vuole diverso basterà scrivere lo style in linea o una classe da richiamare nella prima
riga del codice,
<span id="clock" class="Nome classe"></span>Per personalizzare i saluti in base all'ora basterà sostituirli a quelli presenti in questi parametri
| if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno" if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio" if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera" if (Ore > 21) Saluto = "Buona notte" if (Ore < 7) Saluto = "Ciao!" |
Se si vuole personalizzare la visualizzazione dei vari campi del datario
la riga di codice in cui fare le modifiche è questa
* Qui il tag si spezza ma mi raccomando nello script lasciate tutto su una linea
| messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno |
Il datario prende lo spazio del contenitore in cui viene inserito per cui se lo postatein una table a cui avete dato per la larghezza la misura
width="150" andrà a capo nei vari campiper conto proprio quindi regolatevi in base allo spazio che occupano man mano i saluti e i mesi
Se volete il datario su più righe inserite voi nello script un <br>
prima o dopo un determinato parametro, tra le virgolette che ho evidenziato,
vediamo un esempio pratico, datario su due righe:
Saluto sono le 00 : 00 : 00
di giorno settimana giorno mese annoMetteremo un a capo prima di "di"
| messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " <br>di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno |
Per un datario da visualizzare dentro una piccola tagSaluto |
Inseriamo il tag per andare a capo, <br> così:
| messaggio = Saluto + " <br> sono le " + Ore + " : " + Minuti + " : " + Secondi + " <br>di " + nomeGiorno[Data.getDay()] + "<br> " + Giorno + " " + mesi[Mese] + " " + Anno |
Leggendo con calma la riga di codice si capisce facilmente a cosa corrispondo
i vari parametri nei campi del datario, basta fare un po' di attenzione a non cancellare nulla.
E' possibile realizzare dei gadget molto particolari e originali utilizzando
le table, i div o tag grafiche, in colonna nel menu
..:: Basi ::..trovate le guide dettagliate su come procedere con i vari "contenitori"
# Prelevate qui lo script
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 ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
~ Pagina visitata da 2242 utenti
H:
Buon Inverno
!
Segui il telaio su Facebook
* Info sezione...
Mi farebbe molto piacere la condivisionedei 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 ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 1 anno, 5 mesi, 5 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |