SurveyMonkey
Brug CSS til at designe din spørgeundersøgelse
ENTERPRISE-UDVIDELSE: Hvis du er interesseret, kan du kontakte salgsafdelingen. Hvis du allerede har en Enterprise-konto, skal du kontakte din Customer Success Manager.
Du kan oprette et brugerdefineret tema for at foretage globale ændringer af typografi. Du kan også bruge værktøjslinjen til tekstformatering til at gøre typografiændringer unikke for et specifikt spørgsmål i spørgeundersøgelsen.
Enterprise-primære administratorer kan tilføje CSS for at oprette et brugerdefineret spørgeundersøgelsestema for at tilføje brand til spørgeundersøgelsens udseende.
Oprettelse af et brugerdefinereret CSS-tema
Primære administratorer kan tilføje CSS for at få et brugerdefineret spørgeundersøgelsestema, der passer til dine visuelle aktiver og præferencer for skrifttyper, farver og typografi.
Sådan føjer du et nyt brugerdefineret tema til biblioteket:
- Vælg Mit team i hovednavigationen, og vælg Bibliotek.
- Vælg + Nyt element (Tilføj element).
- Vælg CSS-tema.
- Vælg Kopiér kode, og indsæt i dit foretrukne CSS-redigeringsværktøj.
- Foretag tilpasninger af koden, og få derefter en forhåndsvisning ved at tilføje den i feltet under Tilpas tema og vælge Opret forhåndsvisning.
- Vælg Gem.
TIP! Se en forhåndsvisning af dit brugerdefinerede CSS-tema, før du sender din spørgeundersøgelse ud.
- Brug af forhåndsvisning af spørgeundersøgelse til at se dit brugerdefinerede CSS-tema
Opdatering af et brugerdefineret CSS-tema
Når et brugerdefineret CSS-tema er blevet gemt, er det kun den primære administrator, som kan redigere eller ændre sideelementerne.
Sådan redigerer du et brugerdefineret tema:
- Vælg Mit team i hovednavigationen, og vælg Bibliotek.
- Vælg ... og klik på Opdater.
- Vælg CSS-tema.
- Vælg Kopiér kode, og indsæt i dit foretrukne CSS-redigeringsværktøj.
- Foretag tilpasninger af koden, og få derefter en forhåndsvisning ved at tilføje den i feltet under Tilpas tema og vælge Opret forhåndsvisning.
- Vælg Gem.
Teammedlemmer kan ikke ændre eller redigere individuelle elementer i en spørgeundersøgelse med et brugerdefineret CSS-tema anvendt.
Tilpasning af sideelementer
Generelle egenskaber
| CSS-egenskab | Strengværdi |
| Skrifttypefamilie | Din organisation har muligvis en foretrukken skrifttypefamilie. I øjeblikket kan du kun bruge skrifttyper, der er angivet i CSS -websikre skrifttyper. |
| Skriftstørrelse | Et tal, f.eks. 32px |
| Farve | Brug en farvevælger til at generere din farves RGBA-værdi. |
| Baggrundsfarve | Er enten en HEX-kode eller en RGBA-værdi. |
Sidetitel
Du kan føje sidetitler til de forskellige sider i din spørgeundersøgelse for at holde den pæn og organiseret.
#Titel på side {
farve: rgba(0,0,96,1);
baggrundsfarve: #A1F3FB;
skrifttypefamilie: National2;
skrifttypestørrelse: 24;
skrifttype: NORMAL;
skrifttypevægt: ALMINDELIG;
tekstdekoration: INGEN;
}
TIP! Brug en farvevælger til at generere din farves RGBA-værdi eller hex-kode.
- Ændring af skrifttype
- Ændring af skrifttypens vægt
- Ændring af tekstdekoration
Spørgeundersøgelsens titel
Titlen på spørgeundersøgelsen vil blive vist øverst på hver spørgeundersøgelsesside, efterhånden som dine respondenter deltager i spørgeundersøgelsen, medmindre du vælger at skjule titlen.
#Titel på spørgeundersøgelse {
farve: rgba(0,0,96,1);
skrifttypefamilie: National2;
skrifttypestørrelse: 26;
skrifttype: NORMAL;
skrifttypevægt: FED;
tekstdekoration: INGEN;
}
- Ændring af skrifttype
- Ændring af skrifttypens vægt
- Ændring af tekstdekoration
Side for spørgeundersøgelse
Baggrundsfarven, der vises bag spørgsmålene i din spørgeundersøgelse. Spørgeundersøgelsens baggrundsfarve vises kun, hvis du ikke har tilføjet et baggrundsbillede.
#Spørgeundersøgelsens side {
baggrundsfarve: rgba(137,230,243,1);
}
#surveyPageSecondaryColor {
baggrundsfarve: rgba(84,213,231,1);
}
TIP! Brug en farvevælger til at generere din farves RGBA-værdi.
Titel på spørgsmål
Du kan tilpasse, hvordan spørgsmålets tekst vil se ud for forskellige spørgsmålstyper.
#Titel på spørgsmål {
farve: rgba(0,0,96,1);
skrifttypefamilie: National2;
skrifttypestørrelse: 22;
skrifttype: NORMAL;
skrifttypevægt: LET;
tekstdekoration: INGEN;
}
- Ændring af skrifttype
- Ændring af skrifttypens vægt
- Ændring af tekstdekoration
Spørgsmålets hovedtekst
Du kan tilpasse, hvordan svarmulighederne vil se ud for respondenterne, samt spørgsmålstyper, der bruger en fremhævet farve, når de er valgt. F.eks. et multiple choice-spørgsmål.
#Spørgsmålets hovedtekst {
farve: rgba(0,0,96,1);
skrifttypefamilie: National2;
skrifttypestørrelse: 18;
skrifttype: NORMAL;
skrifttypevægt: LET;
tekstdekoration: INGEN;
fremhævelsesfarve: rgba(31,216,234,1);
}
- Ændring af skrifttype
- Ændring af skrifttypens vægt
- Ændring af tekstdekoration
Knap
Personer, som deltager i din spørgeundersøgelse, bruger disse knapper til at navigere gennem en spørgeundersøgelse. Når en respondent klikker på knappen Næste eller Færdig på hver side i spørgeundersøgelsen, bliver besvarelserne gemt og indsendt.
#knap {
skrifttypefamilie: National2;
skrifttypesøttelse: 15;
skrifttypevægt: ALMINDELIG;
}
- Ændring af skrifttypens vægt
Fejl
Fejlmeddelelser vises til respondenter, hvis de efterlader et påkrævet spørgsmål tomt, eller hvis deres svar ikke overholder det påkrævede interval eller grænse.
#fejl {
skrifttypestørrelse: 16;
skrifttype: ALMINDELIG;
skrifttypevægt: LET;
tekstdekoration: INGEN;
}
- Ændring af skrifttype
- Ændring af skrifttypens vægt
- Ændring af tekstdekoration
Linket Afslut
Links til afslut vises i det øverste højre hjørne på hver side, så respondenterne kan forlade spørgeundersøgelsen uden at gemme de besvarelser, som blev angivet på den aktuelle side.
#Link til Afslut {
baggrundsfarve: rgba(0,0,0,0);
skrifttypestørrelse: 12;
skrifttypevægt: LET;
- Ændring af skrifttypens vægt
Sidelayout
Du kan bruge sidelayoutet til at vælge, hvordan og hvor din baggrundsfarve eller -billede skal vises.
#sidelayout {
layout: banner;
uigennemsigtighed: 0,0;
}
TIP! Indstil uigennemsigtigheden til 100 for at få en ensartet baggrundsfarve.