| Weather / Meteo |
Il widget (script) gratuito sulle previsioni meteo di www.tititudorancea.com
Usa questo widget per mostrare le previsioni meteo di un determinato luogo sul tuo sito web o blog. E' potente, veloce, facile da implementare e funziona su circa 200.000 posti, città, paesi e anche piccoli villaggi di tutto il mondo. Ed è 100% gratis!
Guarda gli esempi a seguire e otterrai il codice del widget più adatto al tuo sito web. Se hai bisogno di aiuto per impostarlo, leggi i parametri di installazione e le FAQ, qui sotto.
Questa configurazione è per i layout con ampio spazio orizzontale. Per avere una previsione di sette giorni, il widget ha bisogno di una larghezza minima di 575px. Se il layout è più ampio, il widget si autoespande fino a riempire lo spazio disponibile.
Per inserire il widget in un posto a 575px di larghezza, è necessario impostare
.WFOT1 {border:0;padding:0}
Se la larghezza del layout è più piccola di 575px, puoi impostare la variabile "days" con un valore più basso (ad esempio 4), oppure puoi utilizzare la variabile "columns" per spingere il widget ad usare due (o più) righe (vedi il prossimo esempio).
|
Previsioni meteo
fornito da tititudorancea.com
|
In questo esempio la variabile "columns" è stata impostata su "3" e la variabile "days " su "6" per fare in modo che il widget utilizzi due righe. Se imposti |
|
Previsioni meteo
fornito da tititudorancea.com
|
In questo esempio la variabile "columns" è stata impostata a "2"e il widget utilizza tre righe. Con le definizioni CSS predefinite, il widget necessita di 232 pixel. Se imposti Se imposti il padding a 4px, come in questo modo: |
|
Previsioni meteo
fornito da tititudorancea.com
|
Questa configurazione è adatta alle colonne strette (es. colonne con una larghezza di circa 200px). Anche noi utilizziamo questa configurazione sul nostro sito web. Il widget si autoespande per riempire la larghezza disponibile nella colonna. La variabile sidebyside=yes fa visualizzare il testo accanto alle icone (non sotto le icone, come negli esempi precedenti). Se la variabile sidebyside è impostata su yes, la variabile columns viene ignorata. |
|
Previsioni meteo
fornito da tititudorancea.com
|
Se vuoi inserire il widget in uno spazio veramente stretto, ecco l’impostazione di cui hai bisogno. Normalmente richiede 106px, ma se imposti In questo esempio il parametro days è stato impostato su 2, ma puoi impostarlo su 7 per avere una previsione completa. |
place (richiesto)
Questo è il parametro più importante: il suo valore deve essere l'ID (una stringa) del luogo di cui desideri visualizzare le previsioni. Per ottenere l'ID di un luogo, vai nella pagina con la previsione di quel luogo e clicca sul primo pulsante "OTTIENI IL CODICE" sulla colonna di destra. Quando clicchi su questo pulsante, tutti i widget su questa pagina vengono aggiornati per utilizzare l'ID di quel luogo e così puoi copiare il codice da qualsiasi esempio.
Se non visiti la pagina delle previsioni di un posto prima di arrivare a questo punto, digita il nome di una località nella casella di ricerca a destra e una volta trovato, clicca sul pulsante "OTTIENI IL CODICE "sulla colonna destra della pagina.
lang (opzionale)
Questo parametro controlla la lingua delle previsioni. Il valore predefinito è en.
days (richiesto)
Questo è un altro parametro importante perché controlla il numero di giorni della previsione (l’intervallo valido va da 1 a 7).
s (opzionale, ma raccomandato)
Questo parametro controlla il tipo di località e aiuta il widget ad essere più veloce. Il suo valore è compilato automaticamente con l'ID del luogo quando si clicca sulla pagina della previsione su "Ottieni il codice".
utf8 (opzionale)
I nomi di alcune località contengono caratteri speciali. Se il tuo sito ha la codifica UTF-8, imposta questo parametro su yes per visualizzarli così come sono. Se il tuo sito web utilizza un'altra codifica, lasciare il valore di questo parametro su no (valore predefinito) per convertire i caratteri speciali nel sistema ASCII.
Se il codice sorgente del tuo sito web include qualcosa come meta http-equiv="Content-Type" content="text/html; charset=utf-8" allora significa che è codificato in UTF-8 e tu puoi impostare il parametro utf8 del widget su yes.
Se i nomi delle località di cui vuoi visualizzare le previsioni meteo non includono caratteri speciali, il valore di questo parametro non è importante ed è possibile eliminarlo.
columns (opzionale)
Se vuoi limitare il numero di colonne (cioè i giorni della previsione) su ogni riga, imposta il parametro columns. I valori accettati vanno da 1 a 7. Guarda gli esempi sopra.
sidebyside (opzionale)
Se è impostato su yes, il testo della previsione apparirà accanto alle icone e non sotto. Ricorda che se imposti sidebyside su yes, il parametro columns viene ignorato.
Posso cambiare i colori, il font o il colore di sfondo del widget?
Si, puoi cambiare le definizioni CSS per adattare il widget al design del tuo sito web o blog.
Per esempio se vuoi rimuovere il bordo grigio, cancella nelle definizioni CSS questa voce: border:2px solid #E1E1E1;.
Per rimuovere lo sfondo sostituisci background-color:#F1F1F1; con background-color:#FFFFFF; nella definizione .WFOT1.
Per rimuovere il padding, sostituisci padding:10px con padding:0 nella definizione .WFOT1.
Posso usare due o più widget nella stessa pagina?
Sì, ma devi eliminare dal codice di ciascun widget la linea <div id="wf_div"></div>. Inoltre, dal momento che tutti i widget utilizzano le stesse definizioni CSS, puoi eliminare la parte degli stili del CSS (ad es. da <style> a </style>) degli altri widget lasciando solo le definizioni CSS del primo widget.
Ogni quanto tempo vengono aggiornate le previsioni?
Le nostre previsioni meteo vengono aggiornate di solito quattro volte al giorno.
Quant’è veloce questo widget?
Il nostro widget sulle previsioni meteo è molto veloce, normalmente viene consegnato al cliente in circa 0,02 secondi.
Posso spostare le definizioni CSS nella parte in alto del mio sito o nel mio file CSS esterno?
Sì, è una buona idea, alcuni DOCTYPE richiedono che le definizioni CSS vadano nella parte in alto della pagina html, non è mai sbagliato farlo.
