Päivämäärä tänään -elementti esittää sisällössä viikonpäivän ja päivämäärän aina ajantasaisesti, tarvittaessa eri kielillä.
Saat päivämäärän sisältöön html-elementin avulla.
Päivämäärän perusosoite:
https://idid.fi/extra/date/today/
Voit näyttää päivämäärän lisäksi myös kellonajan.
Päivämäärä ja kellonaika
Tämä esitystapa näyttää viikonpäivän, päivämäärän ja kellonajan samalla rivillä.
https://idid.fi/extra/date/full/
Päivämäärä ja aika -elementtien lisääminen sisältöön:
1. Lisää sisältöön html-elementti ja muokkaa sen koko ja sijainti haluamasi mukaan.
2. Kopioi ja liitä muokattu kellon URL elementin URL-kenttään.
Voit lisäksi muokata tekstin ominaisuuksia käyttämällä erilaisia parametreja. Muokattavia parametrejä ovat kieli (lang), väri (color) sekä fontti (font). Lisää ne perusosoitteen jälkeen erottaen ne perusosasta kysymysmerkillä (?).
Esimerkiksi
https://idid.fi/extra/date/today/?lang=enKieli
Vaihda päivämääräelementin kieli parametrilla lang. Saatavilla olevia kielivaihtoja ovat esimerkiksi englanti (en), ruotsi (sv), saksa (de), ranska (fr), hollanti (nl), espanja (es), italia (it), arabia (ar) sekä venäjä (ru). Suomi (fi) on elementin oletuskieli, joten sitä ei tarvitse määritellä parametrein.
Esimerkki kielimäärityksestä
https://idid.fi/extra/date/full/?lang=en
Väri
Vaihda numeroiden väriä käyttämällä parametria color. Määrittele väri HEX-koodilla ilman ristikkomerkkiä (#). Esimerkiksi mustan värin HEX-koodi on #000000. Eri värien HEX-koodit löydät esimerkiksi täältä (htmlcolorcodes.com on ulkoinen sivusto, linkki avautuu uuteen välilehteen).
Esimerkki sinertävästä fontista:
https://idid.fi/extra/date/today/?color=0073e6
Fontti
Vaihda fonttia käyttämällä parametria font. Voit käyttää kaikkia fontteja, jotka ovat käytössä iDiD-hallinnassa. Kirjoita fontin nimi samalla tavalla kuin se näkyy hallinnan fonttivalikossa.
Esimerkiksi
https://idid.fi/extra/date/today/?font=Fugaz One
Huomaa, että välilyönnit muuttuvat automaattisesti osoiterivillä %20-merkinnäksi. Tällä ei ole vaikutusta elementin toimintaan.
https://idid.fi/extra/date/full/?lang=en&font=Fugaz%20One
Useiden parametrien yhdistäminen
Voit määrittää elementissä useita parametreja kerralla. Kun määrittelet useita muotoilu- tai tietoasetuksia, eroteta ensimmäinen määrite perusosoitteesta kysymysmerkillä (?) ja sen jälkeen parametrit toisistaan et-merkillä (&).
Esimerkiksi
https://idid.fi/extra/date/?lang=mt&color=1528E4&font=Lobster
Tekstin koko
Elementti on responsiivinen, eli sisältö skaalautuu, kun muutat HTML-elementin kokoa.
Muista lopuksi tallentaa luomasi sisältö. Valmista!
Huom.! Tämän html-elementin käyttö on sallittu vain iDiD-infonäyttöjärjestelmässä.
Tutustu myös artikkeliin