Personnaliser l'apparence en version mobile de votre forum

[Alex Fowl]

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 Vert : 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 Vert : 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 Vert : 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. Tutoriel en rapport : Le CSS, fonctionnement.

Ce tutoriel a été rédigé par le Staff du Forum des Forums, Et en particulier par Alex Fowl. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.