Pagina aggiornata... Giovedì 01 Gennaio 1970 * Tempo di caricamento 0.44 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Script_gadget » Saluto in base all'ora con testo o immagini

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


Vediamo il codice


<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 saluti
che 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

Ovviamente non ho resistito a giocare un po' con il codice affinché
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 pixel

Vediamo 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 url
nel campo dell'orario dedicato, le immagini possono avere le vari estensioni .gif, .png e .jpg
postate 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 ^_^



100%
Voti totali: 1
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 1193 utenti


 H: 
Buon Autunno e ...buon weekend!





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

Penelope
27/09/2023 17:12:31
Ciao Calcifer grazie infinite anche io sono felice di essere tornata
ೡ Scritto in... 'https' Hyper Text Transfer Protocol Secure
 
Calcifer
27/09/2023 15:08:42
AAh, che bello vederti di nuovo attiva! :) Aspettavo da anni il tuo ritorno ♥
ೡ Scritto in... 'https' Hyper Text Transfer Protocol Secure
 
Cleo
25/09/2023 17:58:11
ho fatto un giretto e' tutto ancora piu' bello un abbraccio e grazie per il banner inserito un abbraccio
ೡ Scritto in... *Amici del telaio...*
 
Gabriella
25/09/2023 12:21:45
Bentornata Penelope , ho prelevato un tuo bellissimo bottone. Grazie di cuore !
ೡ Scritto in... Bottoni top pagina
 
Grazia
24/09/2023 19:16:50
Ciao Penny cara, nel messaggio precedente ho omesso di scrivere quella che sembra una ovvietà, ma la scrivo lo stesso: il tuo sito è fantastico, come sempre, la maestra dei codici è tornata 😄😄😄😄 Un abbraccio e serena domenica sera di cuore ❤️
ೡ Scritto in... Il telaio di Penelope...
 
Grazia
21/09/2023 10:24:25
Carissima Penelope, è una gioia immensa leggerti di nuovo! Sono felicissima tu sia tornata online, hai fatto benissimo, gli hobby aiutano tantissimo a risollevare l'animo ...brava! Oltre al mio piccolo blogghino per esempio io mi sto dedicando ai disegni fatti a mano e mi rilassano tantissimo! Ti cerco su Fb così ci sentiamo, se ti fa piacere, più spesso...ti abbraccio immensamente cara amica, a presto!
ೡ ...commentario
 
Cleo
20/09/2023 16:39:32
Ciao tesoro i miei banner sono qui [Link]
ೡ Scritto in... Il telaio di Penelope...
 
Cleo
20/09/2023 12:48:48
Bentornata e' bellissimo rivedere il tuo Sito on line
ೡ ...commentario
 
Cleo
20/09/2023 11:37:11
prendo il tuo link sul mio sito c'è gia lo metto sul portale del forum passa a trovarmi ciccia
ೡ Scritto in... Banner link del telaio ^_^
 
mari-ele
20/09/2023 08:47:54
Ciao Penelope, sono felicissima del tuo ritorno, ci sei mancata tantissimo, un grosso in bocca al lupo per tutto! Un abbraccio!
ೡ Scritto in... *Amici del telaio...*
 

Referer...