toggle mobile menu

Karusellin tai diashown lisääminen verkkosivuille


Luo sivullesi karuselli tai diashow erilaisilla siirtymillä ja rakenteilla. Saat elävyyttä sivustollesi.

Karusellin luominen

Vaihtoehto 1


Klikkaa tyhjää elementtiä ja valitse sisältötyypiksi Slider.

Vaihtoehto 2


Karuselli on toinen variaatio listasta, joten mikä tahansa jo olemassa oleva lista voidaan muutta karuselliksi.

Ensimmäiset askeleet karusellin luomisessa ovat samat kuin listan luomisessa, joten ne eivät sisälly tähän ohjeeseen.


Lue ohje listan luomisesta

LiquidBlox editor - ready list element

Mikä tahansa lista voidaan muuttaa karuselliksi

LiquidBlox editor - slider settings

Karusellin asetukset


Klikkaa Listan asetuksia yläpalkissa joko Slider-elementissä tai listaeditorissa päästäksesi Slider-asetuksiin.


  1. Vaihda Normaali lista Slide showksi (=slider)
  2. Karusellin visuaaliset navigaatio-asetukset
  3. Siirtymien efektit
  4. Hyväksy muutokset
  5. Poista lista tai karuselli (poistoa ei voi perua jälkikäteen)


* Kokeile eri asetuksia, jotta löydät niistä sivustollesi sopivat

LiquidBlox editor - editing slider items

Karuselli-elementtien muokkaaminen


Elementtejä muokataan aktivoimalla teksti- ja kuvaeditorit sisältöä klikkaamalla.


Muokataksesi elementtejä näkymän ulkopuolella, käytä navigaatiovaihtoehtoja:

  1. Nuolet
  2. Sivujen määrää ilmaisevat ympyrät
LiquidBlox editor - adjusting the height of a slider

Karusellin korkeus


  1. Klikkaa Edit slide show -nappia page editorissa
  2. Liikuta raahaus-ikonia (drag handle) karuselli-elementin alareunassa


Huom!

Sivujen määrää ilmaisevat ympyrät voidaan siirtää alas tällä tavoin.


LiquidBlox editor - styling the slider

Karusellin tyylin muokkaaminen


  1. Siirry tyylin muokkaamiseen (style mode)
  2. Valitse karusellin blokki (block)
  3. Valitse karusellin elementti (element) tai sisältö (content)


Huom!

Voit muokata vain ensimmäisen elementin tyyliasetuksia. Ensimmäisen elementin tyyli kopioidaan automaattisesti muihin elementteihin.

LiquidBlox editor - styling the slider

Lisää tyylieditorissa paddingiä karusellielementin sivuille saadaksesi karusellin nuolet karuselli-elementin ulkopuolelle. 


Klikkaa Save tallentaaksesi tyylin.

LiquidBlox editor - ready slider element for website

Valmis karuselli-elementti.

Karusellin tai diashown lisääminen verkkosivuille


Luo sivullesi karuselli tai diashow erilaisilla siirtymillä ja rakenteilla. Saat elävyyttä sivustollesi.

Karusellin luominen

Vaihtoehto 1


Klikkaa tyhjää elementtiä ja valitse sisältötyypiksi Slider.

Vaihtoehto 2


Karuselli on toinen variaatio listasta, joten mikä tahansa jo olemassa oleva lista voidaan muutta karuselliksi.

Ensimmäiset askeleet karusellin luomisessa ovat samat kuin listan luomisessa, joten ne eivät sisälly tähän ohjeeseen.


Lue ohje listan luomisesta

LiquidBlox editor - ready list element

Mikä tahansa lista voidaan muuttaa karuselliksi

LiquidBlox editor - slider settings

Karusellin asetukset


Klikkaa Listan asetuksia yläpalkissa joko Slider-elementissä tai listaeditorissa päästäksesi Slider-asetuksiin.


  1. Vaihda Normaali lista Slide showksi (=slider)
  2. Karusellin visuaaliset navigaatio-asetukset
  3. Siirtymien efektit
  4. Hyväksy muutokset
  5. Poista lista tai karuselli (poistoa ei voi perua jälkikäteen)


* Kokeile eri asetuksia, jotta löydät niistä sivustollesi sopivat

LiquidBlox editor - editing slider items

Karuselli-elementtien muokkaaminen


Elementtejä muokataan aktivoimalla teksti- ja kuvaeditorit sisältöä klikkaamalla.


Muokataksesi elementtejä näkymän ulkopuolella, käytä navigaatiovaihtoehtoja:

  1. Nuolet
  2. Sivujen määrää ilmaisevat ympyrät
LiquidBlox editor - adjusting the height of a slider

Karusellin korkeus


  1. Klikkaa Edit slide show -nappia page editorissa
  2. Liikuta raahaus-ikonia (drag handle) karuselli-elementin alareunassa


Huom!

Sivujen määrää ilmaisevat ympyrät voidaan siirtää alas tällä tavoin.


LiquidBlox editor - styling the slider

Karusellin tyylin muokkaaminen


  1. Siirry tyylin muokkaamiseen (style mode)
  2. Valitse karusellin blokki (block)
  3. Valitse karusellin elementti (element) tai sisältö (content)


Huom!

Voit muokata vain ensimmäisen elementin tyyliasetuksia. Ensimmäisen elementin tyyli kopioidaan automaattisesti muihin elementteihin.

LiquidBlox editor - styling the slider

Lisää tyylieditorissa paddingiä karusellielementin sivuille saadaksesi karusellin nuolet karuselli-elementin ulkopuolelle. 


Klikkaa Save tallentaaksesi tyylin.

LiquidBlox editor - ready slider element for website

Valmis karuselli-elementti.

toggle mobile menu

Karusellin tai diashown lisääminen verkkosivuille


Luo sivullesi karuselli tai diashow erilaisilla siirtymillä ja rakenteilla. Saat elävyyttä sivustollesi.

Karusellin luominen

Vaihtoehto 1


Klikkaa tyhjää elementtiä ja valitse sisältötyypiksi Slider.

Vaihtoehto 2


Karuselli on toinen variaatio listasta, joten mikä tahansa jo olemassa oleva lista voidaan muutta karuselliksi.

Ensimmäiset askeleet karusellin luomisessa ovat samat kuin listan luomisessa, joten ne eivät sisälly tähän ohjeeseen.


Lue ohje listan luomisesta

LiquidBlox editor - ready list element

Mikä tahansa lista voidaan muuttaa karuselliksi

LiquidBlox editor - slider settings

Karusellin asetukset


Klikkaa Listan asetuksia yläpalkissa joko Slider-elementissä tai listaeditorissa päästäksesi Slider-asetuksiin.


  1. Vaihda Normaali lista Slide showksi (=slider)
  2. Karusellin visuaaliset navigaatio-asetukset
  3. Siirtymien efektit
  4. Hyväksy muutokset
  5. Poista lista tai karuselli (poistoa ei voi perua jälkikäteen)


* Kokeile eri asetuksia, jotta löydät niistä sivustollesi sopivat

LiquidBlox editor - editing slider items

Karuselli-elementtien muokkaaminen


Elementtejä muokataan aktivoimalla teksti- ja kuvaeditorit sisältöä klikkaamalla.


Muokataksesi elementtejä näkymän ulkopuolella, käytä navigaatiovaihtoehtoja:

  1. Nuolet
  2. Sivujen määrää ilmaisevat ympyrät
LiquidBlox editor - adjusting the height of a slider

Karusellin korkeus


  1. Klikkaa Edit slide show -nappia page editorissa
  2. Liikuta raahaus-ikonia (drag handle) karuselli-elementin alareunassa


Huom!

Sivujen määrää ilmaisevat ympyrät voidaan siirtää alas tällä tavoin.


LiquidBlox editor - styling the slider

Karusellin tyylin muokkaaminen


  1. Siirry tyylin muokkaamiseen (style mode)
  2. Valitse karusellin blokki (block)
  3. Valitse karusellin elementti (element) tai sisältö (content)


Huom!

Voit muokata vain ensimmäisen elementin tyyliasetuksia. Ensimmäisen elementin tyyli kopioidaan automaattisesti muihin elementteihin.

LiquidBlox editor - styling the slider

Lisää tyylieditorissa paddingiä karusellielementin sivuille saadaksesi karusellin nuolet karuselli-elementin ulkopuolelle. 


Klikkaa Save tallentaaksesi tyylin.

LiquidBlox editor - ready slider element for website

Valmis karuselli-elementti.