Se desideri personalizzare la piattaforma, funzione particolarmente utile se sei un rivenditore che la offre a terze parti, il tuo piano deve includere l'opzione Dominio personalizzato e piattaforma whitelabel. Potrai personalizzare il logo e i colori della piattaforma a tuo piacimento.
Se avevi personalizzato il CSS della versione 8 di MailUp, con il passaggio alla versione 9 questi CSS saranno azzerati. Dovrai procedere alla configurazione del CSS dopo l'aggiornamento, seguendo questa guida.
Per iniziare la modifica procedi in questo modo:
- Abilita il CSS personalizzato
- Modifica i parametri (Vedi la tabella in basso per le istruzioni dettagliate)
- Salva le modifiche apportate e fai refresh del browser per vedere le modifiche in piattaforma.
Puoi cancellare le tue modifiche in qualsiasi momento usando i bottoni "Annulla modifiche".
Elementi modificabili
Tutte le sezioni modificate sono contrassegnate da un titolo e da un commento che ne spiega l'uso, per facilitare al massimo le modifiche. Scarica il CSS di esempio (è lo stesso che trovi in piattaforma dopo aver abilitato il CSS personalizzato),
Sezione CSS | Elemento modificabile | Output finale |
---|---|---|
LOGO | ||
image logo | Logo mostrato in alto a sinistra. Se vuoi puoi utilizzare il logo usato nella pagina di login e caricato in Personalizzazioni seguendo le istruzioni inserite nel commento del CSS. | |
image logo with collapsed sidebar | Logo mostrato in alto a sinistra quando il menu di navigazione laterale viene collassato. La dimensione deve essere 43*50px | |
text logo | Colore del logo testuale impostato in Personalizzazioni. | |
text logo with collapsed sidebar | Colore del logo testuale impostato in Personalizzazioni e bordo (versione con menu di navigazione laterale collassato, che mostra solo l'iniziale) | |
TOPBAR | ||
background | Colore della barra superiore della piattaforma | |
buttons | Colore delle icone presenti nella barra superiore | |
buttons hover | Colore delle icone presenti nella barra superiore quando vi si passa sopra il mouse | |
SIDEBAR | ||
first-level background | Colore dello sfondo principale del menu laterale | |
second-level background | Colore dello sfondo secondario del menu laterale, visibile accedendo all'interno delle sezioni del menu | |
section titles | Colore dei titoli delle sezioni, una volta aperte nel menu laterale | |
menu items | Colore delle voci e icone del menu laterale (tutti i livelli) | |
menu items hover | Colore delle voci di secondo e terzo livello, quando vi si passa sopra il mouse | |
selected menu item |
| |
collapse button | Colore dell'icona per ridurre di dimensione il menu laterale | |
collapse button hover | Colore dell'icona per ridurre di dimensione il menu laterale, quando vi si passa sopra il mouse | |
reputation button | Colore dell'icona tramite la quale si accede al grafico della reputazione della piattaforma | |
reputation button hover | Colore dell'icona tramite la quale si accede al grafico della reputazione della piattaforma, quando vi si passa sopra il mouse | |
CREDITS BOX | ||
background | Sfondo del box crediti SMS, visibile in basso nel menu laterale | |
text | Colore del numero di crediti nel box | |
text hover | Colore del numero di crediti quando vi si passa sopra con il mouse | |
credits button when sidebar is collapsed | Colore dell'icona dei crediti, quando il menu di navigazione laterale viene collassato | |
credits button hover when sidebar is collapsed | Colore dell'icona dei crediti, quando il menu di navigazione laterale viene collassato e vi si passa sopra con il mouse | |
LIST SELECTION DROPDOWN | ||
background | Colore di sfondo del menu a tendina per il cambio lista | |
list name | Colore della lista attiva | |
list name hover | Colore dei nomi delle liste quando vi si passa sopra il mouse | |
links | Colore dei link in basso al menu a tendina | |
links hover | Colore dei link in basso al menu a tendina quando vi si passa sopra il mouse | |
PRIMARY COLOR | ||
COLORED LINKS | Colore dei link principali all'interno della piattaforma | |
COLORED LINKS hover | Colore dei link principali all'interno della piattaforma quando vi si passa sopra il mouse | |
REGULAR BUTTONS | Colore dei bottoni principali con sfondo pieno (sfondo e bordo) | |
REGULAR BUTTONS hover | Colore dei bottoni principali con sfondo pieno, quando vi si passa sopra il mouse (sfondo e bordo) | |
OUTLINE BUTTONS | Colore dei bottoni secondari con bordo colorato (bordo e testo) | |
OUTLINE BUTTONS hover | Colore dei bottoni secondari con bordo colorato, quando vi si passa sopra il mouse (bordo e testo) | |
OUTLINE ADVANCED SEARCH BUTTON | Colore del bottone di ricerca con bordo colorato (bordo e testo) | |
OUTLINE ADVANCED SEARCH BUTTON hover | Colore del bottone di ricerca con bordo colorato, quando vi si passa sopra il mouse (bordo e testo) | |
REGULAR ADVANCED SEARCH BUTTON | Colore del bottone di ricerca con bordo pieno (bordo e testo) | |
REGULAR ADVANCED SEARCH BUTTON hover | Colore del bottone di ricerca con bordo pieno, quando vi si passa sopra il mouse (bordo e testo) | |
BREADCRUMB | Colore di un elemento cliccabile del percorso di navigazione | |
BREADCRUMB hover | Colore di un elemento cliccabile del percorso di navigazione, quando vi si passa sopra il mouse | |
SECONDARY IN-PAGE MENU | Menu di navigazione interna di una pagina
| |
SECONDARY IN-PAGE MENU hover | Colore dell'etichetta di una pagina del menu di navigazione interna, quando vi si passa sopra con il mouse | |
ACTIONS MENU | Colore della linea verticale e dell'azione selezionata nel menu azioni | |
ACTIONS MENU hover | Colore del bordo e dell'icona del tasto azioni, quando vi si passa sopra il mouse | |
BODY | Colore di sfondo dell'area di lavoro delle pagine |