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.
Voit luoda muokattavan teeman ja tehdä koko kyselytutkimuksen kattavia tyylimuutoksia. Käytä tekstin muotoilutyökalupalkkia tehdäksesi tiettyä kyselytutkimuksen kysymystä koskevia tyylimuutoksia.
Enterprise-pääylläpitäjät voivat lisätä CSS-tyylisivun ja luoda muokattavan kyselytutkimuksen teeman brändätäkseen kyselytutkimuksen ulkoasun.
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
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
Poistumislinkki
Poistumislinkit näkyvät jokaisen sivun oikeassa yläkulmassa, joten vastaajat voivat poistua kyselytutkimuksesta tallentamatta senhetkiselle sivulle annettuja vastauksia.
#exitLink {
background-color: rgba(0,0,0,0);
font-size: 12;
font-weight: LIGHT;
- Fontin painotuksen 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.