SurveyMonkey
Utilizza i CSS per rendere unica la tua indagine
FUNZIONE ENTERPRISE: se ti interessa, contatta un commerciale. Se disponi già di un account Enterprise, contatta il tuo Customer Success Manager.
Gli amministratori principali Enterprise possono aggiungere CSS per creare un tema dell'indagine personalizzato e caratterizzare l'aspetto della tua indagine.
Puoi creare un tema personalizzato per apportare modifiche di stile generali. Utilizza la barra di formattazione del testo per apportare modifiche di stile specifiche a una domanda dell'indagine.
Creazione di un tema CSS personalizzato
Gli amministratori principali possono aggiungere CSS a un tema dell'indagine personalizzato che corrisponda ai caratteri, ai colori, alle preferenze stilistiche e alle risorse visive della tua identità.
Per aggiungere un nuovo tema personalizzato alla libreria:
- Seleziona Il mio team nella navigazione principale, quindi seleziona Libreria.
- Seleziona + Nuovo elemento (Aggiungi elemento).
- Scegli un Tema CSS.
- Seleziona Copia codice e incolla nel tuo strumento di modifica CSS preferito.
- Personalizza il codice e visualizza un'anteprima aggiungendolo alla casella sotto Personalizza tema e selezionando Genera anteprima.
- Seleziona Salva.
SUGGERIMENTO! Visualizza l'anteprima del tuo tema CSS personalizzato prima di inviare la tua indagine.
- Utilizzo di Anteprima indagine per visualizzare il tuo tema CSS personalizzato
Aggiornamento di un tema CSS personalizzato
Dopo aver salvato un tema CSS personalizzato, solo l'amministratore principale può modificare o cambiare gli elementi della pagina.
Per modificare un tema personalizzato:
- Seleziona Il mio team nella navigazione principale, quindi seleziona Libreria.
- Seleziona ... e clicca su Aggiorna.
- Scegli un Tema CSS.
- Seleziona Copia codice e incolla nel tuo strumento di modifica CSS preferito.
- Personalizza il codice e visualizza un'anteprima aggiungendolo alla casella sotto Personalizza tema e selezionando Genera anteprima.
- Seleziona Salva.
I membri del team non possono cambiare o modificare singoli elementi di un’indagine a cui è stato applicato un tema CSS personalizzato.
Personalizzazione degli elementi di una pagina
Ecco gli elementi della pagina che puoi personalizzare con CSS.
Proprietà generali
| Proprietà CSS | Valore stringa |
| Famiglia carattere | La tua organizzazione potrebbe avere preferenze riguardo la famiglia di caratteri. Attualmente puoi utilizzare solo i caratteri elencati in Caratteri CSS sicuri per il web. |
| Dimensione carattere | Un numero, ad es. 32 px. |
| Colore | Utilizza il selettore di colori per generare i corrispondenti valori RGBA. |
| Colore sfondo | Si tratta di un codice HEX o un valore RGBA. |
Titolo della pagina
Puoi aggiungere titoli di pagina alle varie pagine della tua indagine per mantenerla ordinata e ben organizzata.
#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;
}
SUGGERIMENTO! Utilizza il selettore di colori per generare i corrispondenti valori RGBA o il codice esadecimale.
- Modifica dello stile del carattere
- Modifica del peso del carattere
- Modifica della decorazione del testo
Titolo dell'indagine
Il titolo dell'indagine viene visualizzato nella parte superiore di ogni pagina dell'indagine mentre i rispondenti partecipano, a meno che tu non decida di nasconderlo.
#surveyTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 26;
font-style: NORMAL;
font-weight: BOLD;
text-decoration: NONE;
}
- Modifica dello stile del carattere
- Modifica del peso del carattere
- Modifica della decorazione del testo
Pagina dell'indagine
Colore dello sfondo dietro le domande della tua indagine. Il colore dello sfondo dell'indagine è visibile solo se non hai aggiunto un'immagine di sfondo.
#surveyPage {
background-color: rgba(137,230,243,1);
}
#surveyPageSecondaryColor {
background-color: rgba(84,213,231,1);
}
SUGGERIMENTO! Utilizza il selettore di colori per generare i corrispondenti valori RGBA.
Titolo della domanda
Puoi personalizzare l'aspetto del testo della domanda con vari tipi di domande.
#questionTitle {
color: rgba(0,0,96,1);
font-family: National2;
font-size: 22;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Modifica dello stile del carattere
- Modifica del peso del carattere
- Modifica della decorazione del testo
Corpo della domanda
Puoi personalizzare l'aspetto delle opzioni di risposta ai rispondenti e i tipi di domande che utilizzano un colore di evidenziazione quando vengono selezionate. Ad esempio, una domanda a Scelta multipla.
#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);
}
- Modifica dello stile del carattere
- Modifica del peso del carattere
- Modifica della decorazione del testo
Pulsante
Le persone che partecipano alla tua indagine utilizzano questi pulsanti per spostarsi all'interno di un'indagine. Quando un rispondente clicca sul pulsante Avanti o Fine in ogni pagina dell'indagine, le risposte vengono salvate e inviate.
#button {
font-family: National2;
font-size: 15;
font-weight: REGULAR;
}
- Modifica del peso del carattere
Errore
I messaggi di errore vengono mostrati ai rispondenti se lasciano vuota una domanda obbligatoria o se la loro risposta non soddisfa l'intervallo o il limite richiesto.
#error {
font-size: 16;
font-style: NORMAL;
font-weight: LIGHT;
text-decoration: NONE;
}
- Modifica dello stile del carattere
- Modifica del peso del carattere
- Modifica della decorazione del testo
Layout di pagina
Puoi usare i layout di pagina per scegliere come e dove visualizzare il colore di sfondo o l'immagine.
#pageLayout {
layout: banner;
opacity: 0.0;
}
SUGGERIMENTO! Imposta l'opacità su 100 per ottenere uno sfondo a colore pieno.