SurveyMonkey
Käytä CSS-tyylisivua kyselytutkimuksen tyylin muokkaamiseen
ENTERPRISE-OMINAISUUS: Jos olet kiinnostunut, ota yhteyttä myyntiin. Jos sinulla on jo Enterprise-tili, ota yhteyttä asiakkuuspäällikköön.
Enterprise-pääylläpitäjät voivat lisätä CSS-tyylisivun ja luoda muokattavan kyselytutkimuksen teeman brändätäkseen kyselytutkimuksen ulkoasun.
Voit luoda muokattavan teeman ja tehdä koko kyselytutkimuksen kattavia tyylimuutoksia. Käytä tekstin muotoilutyökalupalkkia tehdäksesi tiettyä kyselytutkimuksen kysymystä koskevia tyylimuutoksia.
Teeman luominen muokattavalla CSS-tyylisivulla
Pääylläpitäjät voivat lisätä CSS-tyylisivun muokattavalle kyselytutkimuksen teemalle, jossa käytetään haluamiasi visuaalisia materiaaleja, fontteja, värejä ja tyyliasetuksia.
Uuden muokattavan teeman lisääminen kirjastoon:
- Valitse päänavigointipalkista Oma ryhmä ja valitse Kirjasto.
- Valitse + Uusi kohde (Lisää kohde).
- Valitse CSS-tyylisivu.
- Valitse Kopioi koodi ja liitä se haluamaasi CSS-muokkaustyökaluun.
- Muokkaa koodia ja avaa se esikatseluun lisäämällä se Muokkaa teemaa -kohdan kenttään ja valitsemalla Luo esikatselu.
- Valitse Tallenna.
VINKKI! Esikatsele muokattavaa CSS-tyylisivua ennen kyselytutkimuksen lähettämistä.
- Kyselytutkimuksen esikatselun käyttäminen muokattavan CSS-tyylisivun tarkasteluun
Muokattavan CSS-tyylisivun päivittäminen
Kun muokattava CSS-tyylisivu on tallennettu, vain pääylläpitäjä voi muokata tai muuttaa sivun elementtejä.
Muokattavan teeman muokkaaminen:
- Valitse päänavigointipalkista Oma ryhmä ja valitse Kirjasto.
- Valitse ... ja sitten Päivitä.
- Valitse CSS-tyylisivu.
- Valitse Kopioi koodi ja liitä se haluamaasi CSS-muokkaustyökaluun.
- Muokkaa koodia ja avaa se esikatseluun lisäämällä se Muokkaa teemaa -kohdan kenttään ja valitsemalla Luo esikatselu.
- Valitse Tallenna.
Tiimin jäsenet eivät voi muuttaa tai muokata yksittäisiä elementtejä kyselytutkimuksessa, johon on käytetty muokattavaa CSS-tyylisivua.
Sivuelementtien muokkaaminen
Tässä ovat sivuelementit, joita voit muokata CSS:n avulla.
Yleiset ominaisuudet
| CSS-ominaisuus | Merkkijonon arvo |
| Fonttiperhe | Organisaatiollasi saattaa olla ensisijainen fonttiperheTällä hetkellä voit käyttää vain CSS:n verkkoturvallisissa fonteissa lueteltuja fontteja. |
| Fonttikoko | Numero, esim. 32 pikseliä |
| Väri | Luo värin RGBA-arvo värivalitsimella. |
| Taustan väri | On joko HEX-koodi tai RGBA-arvo. |
Sivun otsikko
Voit lisätä sivuotsikoita kyselytutkimuksesi eri sivuille pitääksesi sen järjestyksessä.
#pageTitle {
color: rgba(0,0,96,1);
background-color: #A1F3FB;
font-family: National2;
font-size: 24;
font-style: NORMAL;
font-weight: REGULAR;
text-decoration: NONE;
}
- Fonttityylin muuttaminen
- Fontin painotuksen muuttaminen
- Tekstin koristelun muuttaminen
Kyselytutkimuksen otsikko
Kyselytutkimuksen otsikko näkyy kunkin kyselytutkimuksen sivun yläreunassa sitä mukaa, kun vastaajat vastaavat kyselytutkimukseen, ellet piilota otsikkoa.
#surveyTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 26;
font-style: NORMAL;
font-weight: BOLD;
text-decoration: NONE;
}
- Fonttityylin muuttaminen
- Fontin painotuksen muuttaminen
- Tekstin koristelun muuttaminen
Kyselytutkimuksen sivu
Taustaväri, joka näkyy kyselytutkimuksesi kysymysten takana. Kyselytutkimuksen taustaväri näkyy vain, jos et ole lisännyt taustakuvaa.
#surveyPage {
background-color: rgba(137,230,243,1);
}
#surveyPageSecondaryColor {
background-color: rgba(84,213,231,1);
}
VINKKI! Luo värin RGBA-arvo värivalitsimella.
Kysymyksen otsikko
Voit muokata kysymystekstin ulkonäköä eri kysymystyypeissä.
#questionTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 22;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Fonttityylin muuttaminen
- Fontin painotuksen muuttaminen
- Tekstin koristelun muuttaminen
Kysymyksen teksti
Voit muokata, miltä vastausvaihtoehdot näyttävät vastaajille, sekä kysymystyyppejä, joissa näkyy korostusväri, kun ne valitaan. Esimerkiksi monivalintakysymys.
#questionBody {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 18;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
highlight-color: rgba(31,216,234,1);
}
- Fonttityylin muuttaminen
- Fontin painotuksen muuttaminen
- Tekstin koristelun muuttaminen
Painike
Kyselytutkimuksesi vastaajat voivat selata kyselytutkimusta näiden painikkeiden avulla. Kun vastaaja napsauttaa Seuraava- tai Valmis-painiketta kyselytutkimuksen kullakin sivulla, vastaukset tallennetaan ja lähetetään.
#button {
font-family: National2;
font-size: 15;
font-weight: REGULAR;
}
- Fontin painotuksen muuttaminen
Virhe
Virheviestit näytetään vastaajille, jos he jättävät pakollisen kysymyksen tyhjäksi tai jos heidän vastauksensa ei täytä vaadittua aluetta tai rajaa.
#error {
font-size: 16;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Fonttityylin muuttaminen
- Fontin painotuksen muuttaminen
- Tekstin koristelun muuttaminen
Sivun asettelu
Sivun asettelun avulla voit valita, miten ja missä taustavärisi tai -kuvasi näytetään.
#pageLayout {
layout: banner;
opacity: 0.0;
}
VINKKI! Aseta peittävyyden arvoksi 100 tasaista taustaväriä varten.