SurveyMonkey
Bruk CSS til å style undersøkelsen
ENTERPRISE-FUNKSJON: Kontakt salgsavdelingen hvis du er interessert. Hvis du allerede har en Enterprise-konto, kontakter du kundeansvarlig.
Du kan opprette et egendefinert tema for å gjøre globale stilendringer. Bruk verktøylinjen for tekstformatering til å gjøre unike stilendringer for et spesifikt spørsmål i spørreundersøkelsen.
Enterprise-hovedadministratorer kan legge til CSS for å opprette et egendefinert undersøkelsestema for å merkeprofilere undersøkelsen.
Opprette et egendefinert CSS-tema
Hovedadministratorer kan legge til CSS for et egendefinert undersøkelsestema som passer til de visuelle ressursene, skriftene, fargene og stilpreferansene.
Slik legger du til et nytt egendefinert tema i biblioteket:
- Velg Mitt team fra hovednavigasjonen, og velg Bibliotek.
- Velg + Nytt element (Legg til element).
- Velg CSS-tema.
- Velg Kopier kode og lim den inn i CSS-redigeringsverktøyet du foretrekker.
- Tilpass koden og se en forhåndsvisning ved å legge den til i boksen under Tilpass tema og velge Generer forhåndsvisning.
- Velg Lagre.
TIPS! Forhåndsvis det egendefinerte CSS-temaet før du sender ut undersøkelsen.
- Bruke forhåndsvisning av spørreundersøkelse til å se det egendefinerte CSS-temaet
Oppdatere et egendefinert CSS-tema
Når et egendefinert CSS-tema er lagret, er det bare hovedadministratoren som kan redigere eller endre sideelementene.
Slik redigerer du et egendefinert tema:
- Velg Mitt team fra hovednavigasjonen, og velg Bibliotek.
- Velg ... og klikk på Oppdater.
- Velg CSS-tema.
- Velg Kopier kode og lim den inn i CSS-redigeringsverktøyet du foretrekker.
- Tilpass koden og se en forhåndsvisning ved å legge den til i boksen under Tilpass tema og velge Generer forhåndsvisning.
- Velg Lagre.
Teammedlemmer kan ikke endre eller redigere enkeltelementer i en undersøkelse med et egendefinert CSS-tema.
Tilpasse sideelementer
Generelle egenskaper
| CSS-egenskap | Strengverdi |
| Skriftfamilie | Organisasjonen din kan ha en foretrukket skriftfamilie. For øyeblikket kan du bare bruke skrifter som er oppført i CSS Web Safe Fonts. |
| Skriftstørrelse | Et tall, f.eks. 32 piksler |
| Farge | Bruk en fargevelger til å generere fargens RGBA-verdi. |
| Bakgrunnsfarge | Dette er enten en heksadesimal kode eller en RGBA-verdi. |
Sidetittel
Du kan legge til sidetitler på de forskjellige sidene i undersøkelsen for å holde den oversiktlig og ryddig.
#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;
}
TIPS! Bruk en fargevelger til å generere fargens RGBA-verdi eller heksadesimale kode.
- Endre skriftstilen
- Endre skrifttykkelse
- Endre tekstdekorasjon
Tittel på spørreundersøkelse
Spørreundersøkelsestittelen vises øverst på hver undersøkelsesside når respondentene tar undersøkelsen, med mindre du velger å skjule tittelen.
#surveyTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 26;
font-style: NORMAL;
font-weight: BOLD;
text-decoration: NONE;
}
- Endre skriftstilen
- Endre skrifttykkelse
- Endre tekstdekorasjon
Spørreundersøkelsesside
Bakgrunnsfargen som vises bak spørsmålene i undersøkelsen din. Bakgrunnsfargen for undersøkelsen vises bare hvis du ikke har lagt til et bakgrunnsbilde.
#surveyPage {
background-color: rgba(137,230,243,1);
}
#surveyPageSecondaryColor {
background-color: rgba(84,213,231,1);
}
TIPS! Bruk en fargevelger til å generere fargens RGBA-verdi.
Spørsmålstittel
Du kan tilpasse hvordan spørsmålsteksten vil se ut for en rekke spørsmålstyper.
#questionTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 22;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Endre skriftstilen
- Endre skrifttykkelse
- Endre tekstdekorasjon
Spørsmålstekst
Du kan tilpasse hvordan svarvalgene vil se ut for respondentene, i tillegg til spørsmålstyper som bruker en uthevingsfarge når de velges. For eksempel et flervalgsspørsmål.
#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);
}
- Endre skriftstilen
- Endre skrifttykkelse
- Endre tekstdekorasjon
Knapp
Respondentene bruker disse knappene til å navigere gjennom en undersøkelse. Når en respondent klikker på Neste- eller Ferdig-knappen på hver side i undersøkelsen, lagres svarene og sendes inn.
#button {
font-family: National2;
font-size: 15;
font-weight: REGULAR;
}
- Endre skrifttykkelse
Feil
Respondentene får feilmeldinger hvis de lar et påkrevd spørsmål stå tomt, eller hvis svaret ikke oppfyller det påkrevde området eller grensen.
#error {
font-size: 16;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Endre skriftstilen
- Endre skrifttykkelse
- Endre tekstdekorasjon
Avslutt-lenke
Avslutt-lenker vises øverst til høyre på hver side, slik at respondentene kan avslutte undersøkelsen uten å lagre svarene som ble lagt inn på den gjeldende siden.
#exitLink {
background-color: rgba(0,0,0,0);
font-size: 12;
font-weight: LIGHT;
- Endre skrifttykkelse
Sideoppsett
Du kan bruke sideoppsettet til å velge hvordan og hvor bakgrunnsfargen eller -bildet skal vises.
#pageLayout {
layout: banner;
opacity: 0.0;
}
TIPS! Sett opasiteten til 100 for å få en heldekkende bakgrunnsfarge.