Admin Admin
Messages : 37 Réputation : 0 Date d'inscription : 22/07/2011
| Sujet: Personnaliser l'apparence en version mobile de votre forum. Sam 23 Juil - 22:42 | |
| | Personnaliser l'apparence en version mobile de votre forum. | |
Ce tutoriel va vous permettre de personnaliser l'apparence de votre forum via le CSS quand celui-ci sera visionné depuis un mobile.
Orange : image Violet : texte
Général :
| L'image de fond : - Code:
-
#page-body | | L'image de fond de haut de page : - Code:
-
.mobile_title | | Texte de haut de page : - Code:
-
.mobile_title_content | | L'image de fond de bas de page : - Code:
-
.linklist | | Texte de bas de page (nécessite la balise !important) : - Code:
-
.small |
Accueil : Catégorie/Forum :
| Texte principal : - Code:
-
.mobile_set_content | | L'image de fond du texte principal : - Code:
-
.mobile_set | | Sous-texte : - Code:
-
.mobile_subtitle | | Texte commentaire : - Code:
-
.mobile_comment | | Image de fond du sous-texte et texte commentaire : - Code:
-
.mobile_item | | Image de fond du sous-texte et texte commentaire survolé : - Code:
-
.mobile_item:hover |
Icône catégorie/forum :
| L'image de la catégorie sans nouveau message : - Code:
-
.cat_no_new | | L'image de la catégorie nouveau message : - Code:
-
.cat_new | | L'image de la catégorie verrouillé : - Code:
-
.cat_locked | | L'image du forum sans nouveau message : - Code:
-
.forum_no_new | | L'image du forum nouveau message : - Code:
-
.forum_new | | L'image du forum verrouillé : - Code:
-
.forum_locked |
Orange : image Violet : texte
Icône de sujet :
| L'image de sujet Annonce Global normal: - Code:
-
.folder_global | | L'image de sujet Annonce Global avec nouveau message : - Code:
-
.folder_global_new | | L'image de sujet Annonce normal : - Code:
-
.folder_announce | | L'image de sujet Annonce avec nouveau message : - Code:
-
.folder_announce_new | | L'image de sujet Post-It normal : - Code:
-
.folder_sticky | | L'image de sujet Post-It avec nouveau message : - Code:
-
.folder_sticky_new | | L'image de sujet Populaire normal : - Code:
-
.folder_hot | | L'image de sujet Populaire avec nouveau message : - Code:
-
.folder_hot_new | | L'image de sujet Normal sans message : - Code:
-
.folder_no_new | | L'image de sujet Normal avec nouveau message : - Code:
-
.folder_new | | L'image de sujet Normal verrouillé : - Code:
-
.folder_locked | | L'image de sujet Normal avec nouveau message verrouillé : - Code:
-
.folder_locked_new |
Orange : image Violet : texte
Sujet :
| L'image de fond et texte du haut du sujet (nécessite la balise !important) : - Code:
-
.post_header | | Contenu du sujet : - Code:
-
.content | | L'image de fond du contenu du sujet : - Code:
-
#p3 |
Simulateur de mobile sur votre navigateur :
Pour tester les codes CSS sur votre navigateur internet depuis un ordinateur, il vous faut simuler un mobile, pour cela ce plugin pour Firefox User Agent Switcher.
|
| |
|