Ohjesivusto

CSS mallit

Tältä sivulta löydät muutamia valmiita malleja joilla pystyt muokkaamaan kyselyn ulkoasua CSS-koodilla. Kopioi ja liitä alla olevat koodit tarpeen mukaan kyselyn Ulkoasu-näkymässä olevaan CSS-editoriin. Löydät CSS-koodin muokkauksen Ulkoasu-näkymästä tämän < / > napin takaa.

Taustakuvan sovittaminen ruudulle

.background {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Poista navigointipainike kyselylomakkeelta

div.controls button[name=_save]
{
display: none;
}

Navigointipainikkeiden nimet:
_save = Tallenna ja jatka myöhemmin (sähköpostikyselyt)
_submit = Lähetä vastaukset
_next = Seuraava
_prev = Edellinen
_returnsubmit = Palaa kyselyyn muokkaamaan vastauksia (sähköpostikyselyt)

Säädä elementtien väliä suuremmaksi / pienemmäksi

.element { margin-bottom: 100px; }

Säädä px-arvoa.

Säädä kysely toimiman sokeiden lukulaitteilla

Korvaa kaikki CSS-koodi alla olevalla koodilla:

.field.radio, .field.checkbox {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: none;
background-color: transparent;
}

.field.radio input, .field.checkbox input {
visibility: visible;

Liukykytkimen napin läpinäkyvyys (90%)

.element.eslider .unused .slider .handle {
-webkit-opacity: 0.9;
-moz-opacity: 0.9;
-ms-filter: ”alpha(opacity=90)”;
filter: alpha(opacity=90);
opacity: 0.9;
}

Valitsemattomien hymiöiden läpinäkyvyys (50%)

.element.eimageselection .option, .element.eimageselection .option.disabled, .element.eimageselection.unused .option.disabled {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-ms-filter: ”alpha(opacity=50)”;
filter: alpha(opacity=50);
opacity: 0.5;
}

Aiheeseen liittyvää