 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Saluto in base a l'ora... con testo o immagini ::.. Uno script molto piccolo e semplice da personalizzare per un saluto in base all'ora,si può postare dove vogliamo e vedere solo il testo o renderlo più grazioso in un box
|
| <script type="text/javascript"> // Autore sconosciuto // Spiegato e commentato da https://www.iltelaiodipenelope.it/tutorial/index.php var saluto = new Date(); var orario = saluto.getHours(); // Saluto dalle 6 am alle 12 if ((orario > 06) && (orario <= 12)) { document.write("...Buon giorno!"); } // Saluto dalle 12 alle 18 if ((orario > 12) && (orario <= 18)) { document.write("...Buon pomeriggio!"); } // Saluto dalle 18 alle 24 if ((orario > 18) && (orario <= 24)) { document.write("...Buona sera!"); } // Saluto dalle 24 alle 6 am if ((orario >= 00) && (orario <= 06)) { document.write("...Buona notte!"); } </script> |
Un codice molto semplice come vi ho anticipato ed è già completo dei salutiche potete ovviamente modificare come volete e tradurre in altre lingue.
Il saluto si visualizzerà con il tipo, colore e misura di font stabilito per la pagina,
se si vuole diverso basterà scrivere una classe o uno style in linea,
si può postare direttamente dove si vuole visualizzare ma comunque sotto il tag
body
Abbinato ad altri script permette di realizzare accessori/gadget molto rifiniti,in questo esempio ho aggiunto data e ora ma largo alla fantasia...
# Prelevate qui lo script
Saluto in base all'ora con immagini
si potesse sostituire il testo con delle immagini...
Occorrerà preparare quattro immagini ognuna abbinata ad una fascia oraria dello script,
ecco quelle che ho preparato io per realizzare questo gadget del telaio
6 am alle 12 |
12 alle 18 |
18 alle 24 |
24 alle 6 am |
I gadget realizzati con queste immagini e altre li trovate qui ->
Salutini in pixelVediamo il codice
| <script type="text/javascript"> // Autore sconosciuto // Spiegato e rielaborato da https://www.iltelaiodipenelope.it/tutorial/index.php var saluto = new Date(); var orario = saluto.getHours(); // Saluto dalle 6 am alle 12 if ((orario > 06) && (orario <= 12)) { document.write("<img border='0' src='https://url immagine.gif'>"); } // Saluto dalle 12 alle 18 if ((orario > 12) && (orario <= 18)) { document.write("<img border='0' src='https://url immagine.gif'>"); } // Saluto dalle 18 alle 24 if ((orario > 18) && (orario <= 24)) { document.write("<img border='0' src='https://url immagine.gif'>"); } // Saluto dalle 24 alle 6 am if ((orario >= 00) && (orario <= 06)) { document.write("<img border='0' src='https://url immagine.gif'>"); } </script> |
Molto semplice da personalizzare, una volta preparate le immagini basterà scrivere gli urlnel campo dell'orario dedicato, le immagini possono avere le vari estensioni
.gif, .png e .jpgpostate quindi il codice dove volete nella pagina e comunque sotto il tag
body
# 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 questa guida... Grazie ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
- Pagina visitata da 1193 utenti
H:
Buon Autunno
e ...buon weekend!
* 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 ::..
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
..: Spazio web...
Realizzare e gestire un sito web
con l'hosting free più famoso...
|
I vostri messaggi...
|
Referer... 
|
Penelope
|
html & script Tutorial è online dal 2011... e dopo una lunga pausa ripartiamo da... 14 giorni ೡ Copyright © Penelope 2008 - 2023 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |