Hai a disposizione tre moduli separati per poter modificare in maniera indipendente ognuna delle sezioni di cui si compone l'interfaccia:
...
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.
| Warning |
|---|
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:
- Carica Abilita il CSS della console con il bottone "Carica CSS predefinito"personalizzato
- Modifica i parametri a piacimento (fai attenzione a non commettere errori di battitura e di sintassi!(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" oppure "Annulla tutte le 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.
| 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 |  |
