Mobile CSS

Mobile CSS
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 Personnaliser l'apparence en version mobile de votre forum.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
Admin


Messages : 37
Réputation : 0
Date d'inscription : 22/07/2011

MessageSujet: 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.

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mobile.123.st
 
Personnaliser l'apparence en version mobile de votre forum.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [AIDE] site internet version mobile
» Internet version mobile
» Portail du Forum version Mobile >> m.fosamobi.fr
» version PC au lieu de version Mobile
» Liste des sites internet version mobile pour Wave

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Mobile CSS :: Catégorie :: Forum :: Sous-Forum-
Sauter vers: