Browse Submissions
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
- 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
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
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.
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.
Test
Test2
aoksfokasfok aosk aoksfkoasf koasfkoasof akosf koasf ko
Test2
Test3
asdafqeg eg rg dfg dfgerg dfgx cvc vsdg sertg sdg xcv
asd
qwerty
asdasdasd asd asd as dasd as a
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 |