Vremea |
Script gratuit de prognoza meteo
Foloseste acest script (zis si widget) gratuit pentru a afisa la tine pe site sau pe blog prognoza meteo (vremea sau timpul probabil), in limba romana sau in limba engleza, pentru orice localitate de oriunde de pe glob. Acest script este foarte puternic, rapid, usor de preluat si functioneaza pentru 200,000 localitati, orase mai mari sau mai mici si chiar sate de oriunde din lume, din tara sau din strainatate. Prognozele noastre sunt cele mai exacte, si scriptul este 100% gratis!
Uita-te la exemplele de mai jos, si preia codul de la acel exemplu care se potriveste cel mai bine pe site-ul sau pe blogul tau. Daca ai nevoie de ajutor pentru a configura scriptul, citeste sectiunile Parametri de configurare si Intrebari frecvente, mai jos pe aceasta pagina.
Configuratia aceasta este pentru site-uri a caror paginatie ofera un spatiu amplu pe orizontala. Pentru prognoza pe sapte zile, widgetul necesita o latime minima de 575 pixeli. Daca coloana de pe site-ul tau este mai lata, widgetul se va lati automat pentru a umple tot spatiul disponibil.
Pentru a introduce widgetul intr-o coloana care are fix 575 pixeli, trebuie sa setezi
.WFOT1 {border:0;padding:0}
Daca latimea disponibila la tine pe site este mai mica de 575px, poti seta variabila "days" la o valoare mai mica (de exemplu 4, pentru a afisa prognoza pe patru zile), sau poti folosi variabila "columns" pentru a forta scriptul sa afiseze prognoza pe doua (sau mai multe) randuri (vezi exemplul urmator).
Prognoza meteo
furnizata de tititudorancea.com
|
In acest exemplu, variabila "columns" a fost setata "3", si variabila "days" a fost setata "6" pentru a face prognoza sa se afiseze pe doua randuri. Daca setezi |
Prognoza meteo
furnizata de tititudorancea.com
|
In acest exemplu, variabila "columns" a fost setata "2" si widgetul afiseaza timpul probabil pe trei randuri. Cu stilurile CSS implicite, widgetul necesita o coloana de minimum 232 pixeli. Daca setezi Daca setezi padding de 4px, adica asa: |
Prognoza meteo
furnizata de tititudorancea.com
|
Configuratia aceasta este pentru coloane inguste (adica cele cu o latime de aproximativ 200px). Asa il folosim si noi pe acest site. Widgetul se lateste automat pentru a umple coloana pe care il pui. Variabila sidebyside=yes face ca textul sa apara langa iconitele de vreme (si nu sub ele, ca in exemplele anterioare). Daca variabila sidebyside este setata yes, variabila columns este ignorata. |
Prognoza meteo
furnizata de tititudorancea.com
|
Daca ai nevoie sa instalezi widgetul intr-o coloana chiar foarte ingusta, aceasta este configuratia de care ai nevoie. In mod normal widgetul necesita o coloana de latime 106px, insa daca setezi In acest exemplu parametrul days a fost setat 2, dar poti sa-l setezi 7 daca vrei sa afisezi prognoza pe sapte zile. |
place (obligatoriu)
Acesta este cel mai important parametru: valoarea sa trebuie sa fie id-ul localitatii pentru care vrei sa afisezi prognoza. Pentru a obtine id-ul unei localitati, du-te pe pagina cu prognoza pentru acea localitate, si apoi da clic pe butonul "PREIA CODUL" de pe coloana din partea dreapta. Cand faci clic pe butonul acela, toate exemplele de pe aceasta pagina sunt actualizate pentru a folosi id-ul acelei localitati, si dupa aceea poti copia codul de la orice exemplu, variabila place va fi setata automata.
Daca nu ai vizitat pagina de prognoza a localitatii care te intereseaza inainte de a ajunge pe pagina aceasta, introdu numele acelei localitati in casuta de cautare de pe coloana din dreapta (sus), da clic pe FIND, si dupa ce ajungi pe pagina aceea, da clic pe butonul "PREIA CODUL".
lang (optional)
Limba in care sa se afiseze prognoza. Poate avea valorile en (pentru limba engleza), ro (pentru limba romana), si asa mai departe. Daca parametrul nu este setat, valoarea implicita este en.
days (obligatoriu)
Acesta este un alt parametru important. El controleaza numarul de zile (intre 1 si 7) pentru care se va afisa timpul probabil.
s (optional, dar recomandat)
Acest parametru ajuta widgetul sa ruleze mai repede. Valoarea sa este completata automat (simultan cu id-ul localitatii) atunci cand dai clic pe butonul "PREIA CODUL" de pe pagina localitatii. Valorile permise sunt de la 1 la 3. Atentie, nu inseamna ca daca setezi 3, scriptul o sa mearga mai repede. Nici daca setezi 1. Fiecare id de loc corespunde unei valori a variabilei s, si daca folosesti butonul "PREIA CODUL", ambele variabile sunt setate corect.
utf8 (optional)
Denumirile unor localitati pot sa cuprinda caractere speciale. Daca site-ul sau blogul tau are encoding UTF-8, seteaza acest parametru yes pentru afisa caracterele speciale asa cum sunt. Daca site-ul tau are alt encoding, lasa valoarea acestui parametru no (care este si valoarea implicita) pentru ca widgetul sa traduca caracterele speciale in caractere simple (ASCII).
Daca in codul sursa al paginilor de pe site-ul tau apare ceva de genul meta http-equiv="Content-Type" content="text/html; charset=utf-8"
atunci site-ul tau foloseste caractere UTF-8, si atunci poti seta parametrul utf8 la valoarea yes.
Daca denumirea localitatii pentru care vrei sa afisesi prognoza nu cuprinde caractere speciale, atunci valoarea acestui parametru nu conteaza, si poti sa-l stergi cu totul.
columns (optional)
Daca vrei sa limitezi numarul de coloane (adica de zile) afizate pe fiecare rand, seteaza parametrul columns. Valorile permise sunt de la 1 la 7. Vezi exemplele de mai sus, ca sa-ti dai seama mai bine ce iese.
sidebyside (optional)
Daca setezi parametrul acesta yes, textul prognozei este afisat langa iconite, si nu sub ele. Retine insa ca daca setezi sidebyside la valoarea yes, atunci parametrul columns va fi ignorat.
Pot sa modific culorile/fontul/culoarea de fundal a widgetului?
Da, poti modifica stilurile CSS cum doresti pentru a adapta widgetul la designul site-ului sau blogului tau.
De exemplu, daca vrei sa scoti chenarul gri, sterge din stilurile CSS portiunea: border:2px solid #E1E1E1;
.
Pentru a scoate fundalul, inlocuieste background-color:#F1F1F1;
cu background-color:#FFFFFF;
in definitia stilului .WFOT1
.
Pentru a scoate padding-ul, inlocuieste padding:10px
cu padding:0
in definitia stilului .WFOT1
.
Pot sa pun doua (sau mai multe) widget-uri pe aceeasi pagina?
Da, insa din codul sursa al fiecarui widget trebuie sa stergi linia <div id="wf_div"></div>
. De asemenea, intrucat toate widgeturile vor folosi aceleasi stiluri CSS, poti sterge portiunea CSS (adica de la <style>
pana la </style>
) din al doilea widget si din cele ulterioare (lasa numai stilurile CSS ale primului).
Cu ce frecventa se actualizeaza prognozele?
De regula sunt actualizate de patru ori pe zi.
Cat de rapid este acest widget?
Este foarte rapid. De regula este livrat in browserul clientului in 0.02 secunde.
Pot sa mut stilurile CSS in portiunea HEAD a paginilor din site-ul meu, sau in fisierul meu CSS extern?
Da, este o idee buna, intrucat unele DOCTYPE impun ca toate stilurile CSS sa fie definite in portiunea HEAD a paginilor html, si oricum nu este gresit sa faceti astfel.