 |
|
|||
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 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 1293 utenti
H:
Buon Autunno
e ...buon sabato!
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...
- Adottini e mascottine
- Almanacco
- Bottoni top pagina
- Blogger Post e commenti
- Countdown Natale
- Calendari
- Datari con saluto
- Data e ora
- Decori pagine web
- Favicon
- Mini cursori
- Orologi
- Regala una rosa...
- Stagione attuale
- Settimanelli
- Settimanelli Natale
- Salutini in pixel
- Tag dell'umore
- Time e news
- Tag grafiche
..Natale menu..
ೡ Istruzioni per prelevare e postare
nel proprio spazio accessori e gadget del telaio
|
Sito o forum Blogger-Blogspot |
 |
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...
|
|
un abbraccio
, ho preso un decoro per l'home natalizia ♥
♥♥ |
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 2 anno, 2 mesi, 28 giorni ೡ Copyright © Penelope 2008 - 2025 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |