Päivitämme Lyytiä jatkuvasti ja tästä syystä näkymäsi ei välttämättä täsmää 100% artikkelin näkymän kanssa.  

Toiminto sisältyy seuraaviin lisensseihin: Starter, Basic, Professional ja Enterprise.

Ilme Lyytissä luo ilmoittautumissivun, mini tapahtumasivun sekä kyselyiden visuaalisuuden. Ilme määrittelee värit, fontit ja mm. logon ilmoittautumissivulle. Lyytissä voidaan hyödyntää ilmaisia ilmeitä: Lyyti Green ja Lyyti Grey tai luoda oma organisaatiokohtainen ilme, jossa näkyy paremmin organisaation brandi.. Organisaatiokohtaisen ilmeen voi tilata asiakaspalvelusta tai luoda itse CSS kielen avulla. 

Ilmeet luodaan CSS-koodin avulla. Luodaksesi oman ilmeen Lyytissä, sinulla tulee olla osaamista CSS-koodin käytöstä. Mikäli sinulla ei ole osaamista CSS-elementeistä, voit tilata ilmeen tai tilata muutoksia olemassa olevaan ilmeeseen olemalla yhteydessä asiakaspalveluun.

Artikkeli sisältää seuraavat osiot:

• Luo uusi ilme
• Tekninen dokumentaatio – CSS

Luo uusi ilme

Voit luoda uuden ilmeen tai muokata olemassa olevia ilmeitä Materiaaleista.

1. Mene Materiaalit
2. Valitse Ilme vasemmasta valikosta
3. Voit luoda uuden ilmeen klikkaamalla You can create a new design from Add design button
4. Jos haluat esikatsella tai muokata jo olemassa olevaa ilmettä, klikkaa ilmeen vieressä olevaa asetukset-painiketta. Voit myös poistaa ilmeen mikäli se ei ole vielä käytössä.

Seuraavaksi siirrytään luomaan ilmettä:

1. Anna ilmeelle nimi.
2. Merkitse ilme "Julkaistu" vasta kun ilme on valmis käytettäväksi.
3. Lisää CSS-koodi tähän editoriin. Ilmeet luodaan CSS:n avulla.
4. Lisää kuvia ja fontteja
   • Tallenna ilme ennen tiedostojen lisäämistä.
   • Klikkaa Lisää kuva. Tuetut tiedostotyypit ovat jpg, png ja gif, suositeltu kuvakoko: 1920 x 1080 px. Näet kuvan heti latauksen jälkeen.
   • Klikkaa Lisää fontti. Tuetut tiedostotyypit ovat tff, otf, eot, woff ja woff2, maksimikoko on 5 MB.
   • Kopioi kuvatiedoston tai fonttitiedoston url-osoite ja liitä se koodiin. Huomioithan, että tiedostonimi on eri, kuin koneellesi nimetty tiedosto.
   • Poistaaksesi tiedoston: Vie hiiri kuvan päälle ja klikkaa Poista.
5. Tallenna ilme.
6. Esikatsele ilme.
   
   • Esikatselu näyttää kaikki Lyytin ilmoittautumissivun eri elementit.
   • Kaikki elementit eivät näy oikeasti samaan aikaan, esikatselu näyttää ne vain suunnittelun vuoksi.

Kun ilme julkaistaan ja tallennetaan, on se kaikkien organisaation käyttäjien käytettävissä. He voivat valita ilmeen käytettäväksi kun luodaan uutta ulkoasua ja näin ollen hyödyntää ilmettä tapahtumissaan.

Tekninen dokumentaatio – CSS

Löydät CSS-koodin teknisen dokumentaation täältä. Dokumentaatiosta näet kaikki elemenitit, joita voidaan hyödyntää ilmeen luomisessa. Tää lisäksi dokumentaatiossa on valmis kopioitava pohja, jonka voi kopioida suoraan editoriin. Kun koodipohja on lisätty editoriin, voidaan siihen tehdä tarvittavat muutokset ja lisäykset jotta ilmeeseen saadaan määriteltyä värit sekä muut elementit.

Tässä esimerkki: