Personalizza la versione mobile del tuo forum

Tutorial Personalizza la versione mobile del tuo forum

Messaggio Da Niko Gio 7 Mag 2015 - 16:33

Personalizza la versione mobile del tuo forum


mobile - Personalizza la versione mobile del tuo forum Forumactif_smartphone

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:

mobile - Personalizza la versione mobile del tuo forum Fdf10


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





mobile - Personalizza la versione mobile del tuo forum CategoryCategoria senza messaggio
Code:
  1. .cat_no_new
mobile - Personalizza la versione mobile del tuo forum Category_newCategoria nuovi messaggi
Code:
  1. .cat_new
mobile - Personalizza la versione mobile del tuo forum Category_lockedCategoria chiusa
Code:
  1. .cat_locked
mobile - Personalizza la versione mobile del tuo forum Folder_bigForum senza nuovi messaggi
Code:
  1. .forum_no_new
mobile - Personalizza la versione mobile del tuo forum Folder_new_bigForum con nuovi messaggi
Code:
  1. .forum_new
mobile - Personalizza la versione mobile del tuo forum Folder_locked_bigForum chiuso
Code:
  1. .forum_locked


Icone dei soggetti


mobile - Personalizza la versione mobile del tuo forum Announce_readAnnuncio globale normale
Code:
  1. .folder_global
mobile - Personalizza la versione mobile del tuo forum Announce_unreadAnnuncio globale con nuovi messaggi
Code:
  1. .folder_global_new
mobile - Personalizza la versione mobile del tuo forum Announce_readSoggetto annuncio normale
Code:
  1. .folder_announce
mobile - Personalizza la versione mobile del tuo forum Announce_unreadAnnunci con nuovi messaggi
Code:
  1. .folder_announce_new
mobile - Personalizza la versione mobile del tuo forum Sticky_readSoggetto nota normale
Code:
  1. .folder_sticky
mobile - Personalizza la versione mobile del tuo forum Sticky_unreadSoggetto nota con nuovi messaggi
Code:
  1. .folder_sticky_new
mobile - Personalizza la versione mobile del tuo forum Topic_read_hotSoggetto popolare normale
Code:
  1. .folder_hot
mobile - Personalizza la versione mobile del tuo forum Topic_unread_hotSoggetto popolare con nuovi messaggi
Code:
  1. .folder_hot_new
mobile - Personalizza la versione mobile del tuo forum Topic_readSoggetto normale senza nuovi messaggi
Code:
  1. .folder_no_new
mobile - Personalizza la versione mobile del tuo forum Topic_unreadSoggetto normale con nuovi messaggi
Code:
  1. .folder_new
mobile - Personalizza la versione mobile del tuo forum Topic_read_lockedSoggetto normale chiuso
Code:
  1. .folder_locked
mobile - Personalizza la versione mobile del tuo forum Topic_unread_lockedSoggetto 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


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

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