SurveyMonkey
Brug CSS til at designe din spørgeundersøgelse
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.
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.
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.
- 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.
Tilpasning af sideelementer
Her er de sideelementer, som du kan tilpasse med CSS.
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;
}
- Æ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);
}
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
Sidelayout
Du kan bruge sidelayoutet til at vælge, hvordan og hvor din baggrundsfarve eller -billede skal vises.
#sidelayout {
layout: banner;
uigennemsigtighed: 0,0;
}