Laatikot

Laatikot

Voit lisätä laatikot esim. joko #contentBottomiin, jolloin ne ovat sisältöalueen levyiset tai #footeriin, jolloin ne ovat koko sivuston levyiset.

1. Lisää haluaamasi kohtaan koodiwidget (nimeä esim. palstaWrapper alkaa) ja liitä sinne alta koodit:

<div class="palstaWrapper">
<div class="palstaWrapperCenter">
<div class="palstaWrapperContent">

2. Lisää niin monta palstaa kuin tarvitset äsken lisäämääsi koodiwidgetin perään. Lisää palstojen luokaksi palsta. Mikäli haluat palstoista keskenään eri väriset, lisää palsta-luokan perään vari2, vari3 jne. Mikäli palstaan tulee pelkkä kuva, lisää palsta-luokan perään luokka kuva. Kuvan olisi hyvä olla vähintään 960 pikseliä leveä. Mikäli palstoja on pariton määrä, lisää jonkun widgetin palsta-luokan perään levea.

3. Lisää kaikkien lisäämiesi palstojen perään sulkeva koodiwidget (nimeä esim. palstaWrapper loppuu) ja liitä sinne alta koodit.

<div style="clear: both;"></div>
</div>
</div>
</div>

Voit myös luoda laatikkoja Välilehdet-widgetillä. Katso ohjeet Aulin sivustolta.

palsta

Praesent rutrum augue eu sapien gravida congue. Curabitur ac ullamcorper leo. Vestibulum vel tempor lorem, vitae volutpat erat. Morbi sed ipsum urna. Proin auctor aliquam leo. Cras porta sem nec arcu iaculis, nec luctus purus viverra. Proin ipsum neque, maximus nec mi a, interdum ultricies justo. In dapibus pretium enim, aliquet gravida turpis pretium eu. Mauris eget interdum leo. Maecenas sed vehicula tortor. Phasellus rhoncus consectetur urna, a sagittis tortor placerat non.

palsta vari2

Quisque dapibus pharetra mi facilisis tincidunt. In volutpat porta ultrices. Suspendisse potenti. In vel tortor in est scelerisque placerat aliquam et sem. Sed varius convallis euismod. Ut placerat, enim at tincidunt luctus, ex nunc egestas orci, ut blandit sem purus non magna. Donec ut mollis nisi, non mollis nisi. Ut laoreet dignissim purus, in placerat risus ullamcorper efficitur. Morbi turpis turpis, gravida nec velit in, venenatis molestie tortor.

palsta levea vari3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tortor nisl, ornare id dolor feugiat, dictum consectetur lectus. Fusce eget lacus dui. Integer diam sem, efficitur non tincidunt a, aliquam vel diam. Proin venenatis maximus metus, vitae accumsan sapien tincidunt et. Nullam purus libero, placerat eu dictum quis, venenatis a orci. Praesent accumsan massa nunc, id cursus risus elementum non. Proin accumsan dolor tincidunt pellentesque convallis. Phasellus a dictum metus, quis dignissim purus. Nam nec eleifend magna. Vivamus id sollicitudin arcu. Aenean eu feugiat purus. Donec lobortis ac ante quis euismod.