km-rrr_hankook_fb-kuva_ipikersw419_ei-logoja_30102015-1

Yleistä

Mikäli bootstrapin default paddingit halutaan pois gridi säiliöstä anna diville luokka padding-zero. Mikäli haluat oikealta tai vasemmalta anna luokaksi padding-right-zero padding-left-zero.


UI Elementit

h2 Otsikko

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

h3 Otsikko

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

h4 Otsikko

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

h5 Otsikko

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.

h6 Otsikko

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.


Paragraph

Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem.

Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa.


Listat

Ordered list

  1. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident
  2. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa
  3. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident

Unordered list

  • Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident
  • Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa. Mauris sed libero. Suspendisse facilisis nulla in lacinia laoreet, lorem velit accumsan velit vel mattis libero nisl et sem. Proin interdum maecenas massa turpis sagittis in, interdum non lobortis vitae massa
  • Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident

Lomake

Legend

Lomake luodaan sisällönhallinnasta Forms plugarilla. Lomake syötetään joko suoraan sivulle editorin kautta tai koodissa php:n avulla.

[ccf_form id="19"]

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. hjaksjdhkj ajhdkahsdkahsdk kjahfkwegokdpfnl njiorjoijbodb ieorig jeoigdlkfmlkdmfg eiorgj dfmglk dmgeroijg dklfmg ldkm reomgei ddfg.

Matti Meikäläinen

Button groupit


CTA buttonit

Cta nappi luodaan antamalla button-tagille luokaksi cta-button ja koko määräytyy antamalla luokan cta-lg, cta-md, cta-sm tai cta-xs.

Napit: leveydet tekstin mukaan

Napit: leveydet gridin mukaan

Perus linkki

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat olen link skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird missä zelda on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.


UI Componentit

Back to top -nappi

Scroll to top -napin tyylit modules.css tiedostossa. Nappiin voidaan laittaa kuva, teksti tai fontawesome ikoni. Tooltip vaihdetaan a-tagin title attribuutista. Napin näkyvyyttä skrollatessa voi muokata site.js tiedostosta.


Dropdown


Dropup


Cookie ilmoitus

Haluttaessasi cookie huomautus voidaan ottaa käyttöön ottamalla functions php:stä, header.php:stä sekä modules.css tiedostoista cookiebar.js koskevat kommentoinnit pois


Hero karuselli

Hero karusellin kuvat tulevat sisällön hallinnasta Hero Karuselli -custom post typestä. Moduuli joka sisältää karusellin on nimeltään module-hero-carousel.php. Hero karusellin kenttiä pääsee muokkaamaan meta-hero-carousel.php tiedostosta.

Hero Kuva

Hero kuva löytyy sisällön hallinnasta Advanced custom fields plugarista -> Hero image. Plugarista valitaan mille sivuille yms hero kuva halutaan laittaa. Moduuli joka sisältää karusellin on nimeltään module-hero.php. Hero karusellin kenttiä pääsee muokkaamaan meta-hero-carousel.php tiedostosta.

Pagination

Wordpressin pagination funktiosta inffoa jos tarttee käyttää jossain.

Google maps

Google maps kirjasto on lisätty functions.php tiedostoon. Kommentoi pois googlemapsia koskevat tiedostot. Map.js tiedostoon syötetään googlemapsia koskeva koodi. Google mapsin tyylit on määritelty modules.css tiedostossa.

Accordion

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.


Tooltipit


Modal ikkuna


Loading spinner

Toimii myös kuvien kanssa. Css:llä tapahtuu animointi (pyöritys). Voidaan käyttää jos esim ajaxilla ladataan jotain jne. Se on aika levoton nytten. Challenge: kauan pystyt tuijottamaan spinneriä ennenku tulee paha olo?

Kieli valikko

Kielivalikko lisätään php:llä haluttuun kohtaan. Kielivalikon kohde luodaan antamalla valikko itemin tekstiksi < div class = "language">. Lisäksi diville annetaan luokaksi kyseisen maan lyhenne esim. fi. Edellämainittu luokan avulla määritetään tyylitiedostossa mikä lipun kuva näytetään. Lippujen kuvat laitettava teeman img kansioon. Mikäli kielivalikko halutaan tekstimuodossa voidaan edellämainittu divi jättää kokonnaan pois ja kirjoittaa sen sijaan maa pelkästään tekstimuodossa.


Taulukko

Use .table-striped to add zebra-striping to any table row within the tbody. Add .table-bordered for borders on all sides of the table and cells. Add .table-hover to enable a hover state on table rows within a tbody. Lisää bootstrapin sivuilta noista auttavista luokista yms..

ASDASD DASDAS WADAAD
iiwgiowgowg pfleplfe hpkrphk
gwrwe tnrnt ,u,u

Haku (WP:n defaultti)