SurveyMonkey
Utilizza i CSS per rendere unica la tua indagine
FUNZIONE ENTERPRISE: se sei interessato, contatta un commerciale. Se disponi già di un account Enterprise, contatta il tuo Customer Success Manager.
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.
Gli amministratori principali Enterprise possono aggiungere CSS per creare un tema dell'indagine personalizzato e caratterizzare l'aspetto della tua 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
Proprietà generali
| Proprietà CSS | Valore stringa |
| Famiglia carattere | La tua organizzazione potrebbe avere preferenze riguardo la famiglia di caratteri. Dai un'occhiata ai caratteri CSS sicuri per il web e lasciati ispirare. |
| 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
Link di uscita
I link di uscita vengono visualizzati nell'angolo in alto a destra di ogni pagina, consentendo ai rispondenti di abbandonare l'indagine senza salvare le risposte inserite nella pagina corrente.
#exitLink {
background-color: rgba(0,0,0,0);
font-size: 12;
font-weight: LIGHT;
- Modifica del peso del carattere
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.