HTML-elementti näyttää Suomen lippuasetuksessa mainitut viralliset sekä vakiintuneet liputuspäivät.
HUOM! Tämän HTML-elementin käyttö on sallittu vain iDiD-infonäyttöjärjestelmässä.
Liputuspäivien perusosoite
https://widgets.idid.fi/calendar/flagday/
Lisämääritteet
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ä (?).
Väri
Vaihda numeroiden väriä käyttämällä parametria color. Määrittele väri HEX-koodilla ilman risuaitaa (#). 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:
https://widgets.idid.fi/calendar/flagday/?color=0c3d91
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.
Esimerkki:
https://widgets.idid.fi/calendar/flagday/?font=finlandica
Fontin koko
Fontin koon määrittäminen tapahtuu fontSize parametrilla. Fontin koon määrittelyyn voidaan käyttää css parametreja. Parametreja on esim. px, vw ja vh
Esimerkki:
https://widgets.idid.fi/calendar/flagday/?font=finlandica&fontSize=10vw
Fontin paino
Fontin painon määrittäminen tapahtuu fontWeight parametrilla. Fontin painon määrittelyyn voidaan käyttää css parametreja. Ulkoasuun vaikuttavien parametrien määrä riippuu käytettävän fontin leikkauksien määrästä. Yleisimmät parametrit ovat esim. 400, 600 ja 900.
Esimerkki:
https://widgets.idid.fi/calendar/flagday/?font=Lato&fontSize=10VW&fontWeight=600
Tekstin tasaus
Fontin tasauksen määrittäminen tapahtuu textAlign parametrilla. Fontin tasauksen määrittelyyn voidaan käyttää css parametreja.
Esimerkki:
https://widgets.idid.fi/calendar/flagday/?font=Lato&fontSize=10VW&fontWeight=600&textAlign=center
Liputuspäivät Ahvenanmaa
Parametri ax=true näyttää Ahvenanmaan liputuspäivät.
Liputuspäivät Saami
Parametri saami=true näyttää Saamelaiset liputuspäivät.
Päivämäärä
Päivämäärän näyttäminen tapahtuu showDate=true parametrilla.
Date parametri
Date parametri on tarkoitettu ainoastaan testaamiseen ja esimerkkeihin.
Parametrillä date voidaan vaihtaa elementin päivämäärää. Päivämäärä määritellään iso8061 muodossa. Esim. date=2022-12-06.
Huomaathan, että voit tilata valmiiksi muotoillut ja ajastetut liputuspäiväsisällöt kanavasisältönä näytöillesi.
Luotu 2.6.2022 ER
Muokattu 2.6. EJ
Muokattu 2.6. PL