Personalizza la versione mobile del tuo forum


Tutorial Personalizza la versione mobile del tuo forum

Messaggio Da Niko il Gio 7 Mag 2015 - 16:33

Personalizza la versione mobile del tuo forum



Personalizza la versione mobile del tuo forum

Questo tutorial vi permetterà di avere un'idea su come personalizzare la versione mobile del tuo forum :bene:



Generale
Immagine di sfondo
Codice:
#mpage-body

Immagine di sfondo a cima di pagina
Codice:
.mobile_title

Box con i tre bottoni di navigazione
Codice:
#mNavbar

Testo a cima di pagina
Codice:
.mobile_title_content

Immagine di sfondo a piè di pagina
Codice:
.linklist

Testo in basso alla pagina  (necessario il flag !important
Codice:
.small



Indice: Categorie/forum
Testo principale
Codice:
.mobile_set_content

Immagine di sfondo del testo principale
Codice:
.mobile_set

Subtesto
Codice:
.mobile_subtitle

Testo dei commenti
Codice:
.mobile_comment

Immagine di sfondo del sotto-testo e del testo dei commenti
Codice:
.mobile_item

Immagine di sfondo del sotto-testo e del testo dei commenti se sorvolato
Codice:
.mobile_item:hover


Icone categorie/forum





Categoria senza messaggio
Code:
  1. .cat_no_new
Categoria nuovi messaggi
Code:
  1. .cat_new
Categoria chiusa
Code:
  1. .cat_locked
Forum senza nuovi messaggi
Code:
  1. .forum_no_new
Forum con nuovi messaggi
Code:
  1. .forum_new
Forum chiuso
Code:
  1. .forum_locked


Icone dei soggetti


Annuncio globale normale
Code:
  1. .folder_global
Annuncio globale con nuovi messaggi
Code:
  1. .folder_global_new
Soggetto annuncio normale
Code:
  1. .folder_announce
Annunci con nuovi messaggi
Code:
  1. .folder_announce_new
Soggetto nota normale
Code:
  1. .folder_sticky
Soggetto nota con nuovi messaggi
Code:
  1. .folder_sticky_new
Soggetto popolare normale
Code:
  1. .folder_hot
Soggetto popolare con nuovi messaggi
Code:
  1. .folder_hot_new
Soggetto normale senza nuovi messaggi
Code:
  1. .folder_no_new
Soggetto normale con nuovi messaggi
Code:
  1. .folder_new
Soggetto normale chiuso
Code:
  1. .folder_locked
Soggetto normale con nuovi messaggi e chiuso
Code:
  1. .folder_locked_new


Soggetto
Immagine di sfondo e testo dell'inizio di un soggetto (necessario flag !important
Codice:
.post_header

Contenuto di un soggetto
Codice:
.content

Sfondo contenuto di un soggetto
Codice:
#p3



Simulazione della versione mobile
Per testare i codici css sui vostri browser mobile potete utilizzare:

  • Plugin Firefox User Agent Switcher.
  • Pugin User-Agent Swither per Opera
  • Agent Switcher per Google Chrome


avatar
Niko
Veterano dello staff
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum