Rivit

Rivit (row)

Rivit ovat sivuston vaakasuuntaisia osioita. Kun lisäät sivustoosi widgettejä ja sarakkeita, ne asetetaan riveille.

Rivi

Rivin lisääminen

Klikkaa olemassa olevan rivin vasemmassa yläkulmassa sijaitsevaa Rivi-painiketta (row) ja valitse sitten Lisää-kohdasta joko Rivi yläpuolelle tai Rivi alapuolelle.

Voit myös lisätä uusia rivejä vetämällä sivulle widgettejä. Kun vedät widgetin kahden riviin väliin, päivitystyökalu luo uuden rivin samalla, kun pudotat widgetin.

Rivin poistaminen

Rivin poistaminen

Voit poistaa rivejä kahdella tavalla. Klikkaa hiiren kakkospainiketta missä tahansa muokattavan rivin kohdassa avataksesi ominaisuusvalikon ja valitse sitten Poista. Vaihtoehtoisesti voit klikata rivin vasemmassa yläkulmassa sijaitsevaa Rivi-painiketta (row) ja poistaa rivin.

Rivien järjestyksen muuttaminen

Rivien järjestyksen muuttaminen

Voit vaihtaa rivien järjestystä viemällä hiiren ensin muokattavan rivin vasempaan yläkulmaan. Klikkaa ilmestyvää Rivi-painiketta (row).

Ylös- ja alaspäin osoittavilla nuolilla voit vaihtaa nykyisen rivin järjestystä ylös- tai alaspäin.

Rivien järjestyksen muuttaminen

Rivien koon muokkaaminen

Voit muokata rivien korkeutta viemällä hiiren osoittimen rivin reunalle ja tarttumalla sitten kehyksen reunaan. Rivin korkeuden muokkaaminen muuttaa rivin sisäistä täyttöä.

Rivien koon muokkaaminen

Voit muokata välistystä myös rivin ominaisuusvalikossa. Napsauta muokattavaa riviä hiiren kakkospainikkeella ja valitse Muokkaa ulkoasua. Klikkaa sitten Välistys-välilehteä. Voit nyt muokata rivin marginaaleja (ulkoinen välistys) ja täyttöä (sisäinen välistys).

Rivin välistys

Rivin muokkaaminen

Käytä rivin ulkoasun muokkausvalikkoa vaihtaaksesi rivin taustaväriä tai -kuvaa, lisätäksesi kehyksen tai säätääksesi rivin sisäistä tai ulkoista välistystä.


Vie hiiri muokattavan rivin vasempaan yläkulmaan. Klikkaa ilmestyvää Rivi-painiketta (row).

Rivin muokkaaminen

Rivin muokkausvaihtoehtoja ovat:


  • Lisää - Lisää ylä- tai alapuolelle uuden rivin, sarakkeen, osion tai sisemmän rivin.
  • Muokkaa ulkoasua - Avaa rivin ulkoasun muokkausvalikon.
  • Poista täyttö - Poistaa täytön (sisäisen välistyksen) rivin sisältä.
  • Palauta oletusväli - Palauttaa Teema-välilehdellä määritetyn rivien oletusvälistyksen.
  • Animaatio - Lisää riviin animaatioefektin (esim. häivytä oikealta, pomppu, suurennus).
  • Piilota laitteella - Piilottaa rivin tietyssä laitteessa (pöytäkone, tabletti, mobiili).
  • Kopioi - Kopioi rivin. Lue lisää »
  • Aseta ankkuriksi / Muokkaa ankkuria - Asettaa riville ankkurilinkin tai poistaa olemassa olevan ankkurin.
  • Yhdistä tietoihin Lue lisää »
  • Poista - Poistaa rivin.

Ulkoasun muokkaus

Voit muokata rivin taustaa tai välistystä, kun klikkaat valikon Muokkaa ulkoasua -kohtaa. Rivin ulkoasun muokkausvalikko aukeaa.

Täysi rivi -asetus

Voit valita riville Täysi rivi -asetuksen, jolloin rivin sisältö täyttää koko näytön leveyden. Jos et valitse Täysi rivi -asetusta, leveys on enintään 960 px tai 1200 px.

Täysi rivi -asetus

Taustan diaesitys

Voit valita useita kuvia rivin taustaksi. Rivin taustalle luodaan tällöin diaesitys.

Taustan diaesitys

Luodaksesi taustan diaesityksen klikkaa (+)-merkkiä ja valitse kuvia kuvanvalitsimesta.

Taustan diaesitys

Kun olet luonut diaesityksen, voit määritellä Rivin ulkoasu -valikossa diaesitystä koskevat asetukset, kuten dian vaihtumistavan ja dian nopeuden.

Taustan diaesitys

Diaesitykseen voi määrittää myös muita taustakuvan asetuksia, kuten taustan peiton, sijainnin ja tyylin.

Taustan diaesityksen voi lisätä myös sarakkeisiin.

Rivin parallaksivieritys

Voit ottaa rivin taustakuvan parallaksiasetukset käyttöön tai poistaa ne käytöstä. Klikkaa Rivin ulkoasu -valikon Parallaksivieritys-kohtaa aktivoidaksesi parallaksivierityksen.

Videon käyttö rivien taustana

Voit valita rivien taustaksi värin ja kuvan lisäksi myös videon.


Videot täytyy olla Vimeossa, Dailymotionissa tai YouTubessa. Huomioithan, että YouTube-videot näytetään ainoastaan pöytäkonenäkymässä.

1. Lisää taustavideo hankkimalla haluamasi videon YouTube-, Vimeo- tai Dailymotion-linkki.

2. Klikkaa riviä hiiren kakkospainikkeella ja valitse Muokkaa ulkoasua.

Muokkaa rivin ulkoasua

3. Valitse Video-välilehti.

Video-välilehti

4. Voit ladata oman videon suoraan RoutaCMS-päivitystyökaluun klikkaamalla Lataa video -painiketta tai liittää haluamasi videon URL-osoite YouTube-, Vimeo- tai Dailymotion-osoitteelle tarkoitettuun tekstikenttään.

Videolinkin lisääminen
  • Taustaksi asetetut videot näytetään ilman ääntä.
  • Taustavideoiden käyttäminen voi viedä aikaa ja kuluttaa kaistanleveyttä. Lisäksi ne saattavat ohjata sivuston käyttäjien huomion pois tärkeistä linkeistä ja teksteistä. Käytä videoita siksi säästellen!
  • Saat taustavideon tehosteesta hienovaraisemman muokkaamalla taustan peittoa.
  • Oman videon maksimikoko on 200MB.
  • YouTube-videot toimivat vain tietokonenäkymässä.

Aiheeseen liittyviä artikkeleja

Share by: