Mytho Versione Mobile - Personalizzazione del design

 Obiettivo

╚ molto semplice personalizzare la veste grafica della versione mobile grazie allo SmartSkin mobile. Questo permette di avere la stessa qualitÓ di design del sito web classico!
Lo SmartSkins Ŕ un editor CSS incluso nell'abbonamento, che vi permetterÓ di creare e personalizzare la grafica in maniera rapida e semplice. SarÓ possibile creare quante presentazioni desiderate.
 
 Attivazione del design

La personalizzazione del design mobile si effettua dal menu [Sito\ Versione Mobile], menu verticale "Presentazioni", tasto "Aggiungi una presentazione".

Clicca sull'immagine per ingrandire


Selezionare lo Smartskin mobile quindi Salvare.



╚ possibile ora personalizzare lo SmartSkin dall'icona (Personalizza la presentazione SmartSkins).

Clicca sull'immagine per ingrandire


Proponiamo differenti soluzioni di design pronte all'uso. Ogni design differisce dagli altri quanto ai colori utilizzati delle icone, del font e del carattere dei testi e dei pulsanti.
Qualunque sia il design scelto, sarÓ sempre possibile modificare ogni elemento in seguito, in modo completamente indipendete. La finestra sulla destra offre la possibilitÓ di previsualizzare in anteprima il design. ╚ anche possibile navigare nel sito direttamente dall'anteprima per visualizzare le resa della modifica nelle varie aree del sito.
Lo SmartSkin propone 3 visualizzazioni : mobile, tablet orientamento ritratto o tablette orientamento paesaggio.

Clicca sull'immagine per ingrandire
 
 Personalizzazione del design

Per andare oltre, Ŕ ora possibile personalizzare gli elementi grazie al menu orizzontale "Setup".

  • Menu Colori

    Questo menu permette di applicare gli stessi codici colore presenti per i colori del sito web. Gli elementi che saranno modificati sono descritti nel sottotitolo dell'elemento.

    Clicca sull'immagine per ingrandire


    In funzione della scelta fatta nella parte " Colour Set", i colori della parte "Specific Colours" saranno modificati dinamicamente. Tuttavia, lavorando su quest'ultima zona, i colori definiti nella parte "Colour Set" non verranno modificati. Ad esempio, il colore Generale definito Ŕ blu, ma l'haeder viene modificato in rosso.

    Clicca sull'immagine per ingrandire


  • Menu Fonts

    Questo menu permette di scegliere un font differente per titoli e testi, la loro formattazione (grassetto, normale), cosý come lo stile delle icone.

    Clicca sull'immagine per ingrandire


  • Menu Elementi

    Il menu Elementi permette di personalizzare l'intestazione del sito in merito alla trasparenza e i bordi. L'icona del carrello pu˛ anch'essa essere selezionata a seconda dell'attivitÓ del sito: cestino, carrello o borsa. Infine, i tasti possono essere arrotondati utilizzando il cursore dedicato.

    Clicca sull'immagine per ingrandire


  • Non dimenticate di salvare le modifiche dal tasto "Salva".



 
 Test et modifica del design

Cliccando sul tasto "Esci", il sistema visualizza la lista dei differenti design aggiunti. ╚ possibile creare un nuovo design dal tasto " Aggiungi una Presentazione".
La presentazione applicata al sito pu˛ essere individuata e attivata dall'icona blu presente nella colonna "Predefinito". ╚ possibile cambiare facilmente presentazione semplicemente cliccando sul tasto di spunta visibile per ogni linea di presentazione.

Clicca sull'immagine per ingrandire
 

Aggiungi ai preferiti: http://www.oxatis.com/Help/HelpCenterContent.asp?ActionID=512&TID=55700&MID=55576&LangID=4
© 2001-2019 Oxatis. Tutti i diritti riservati.