Personnaliser l'apparence en version mobile de votre forum

[Alex Fowl]

Personnaliser l'apparence en version mobile de votre forum.

 Attention : depuis le 13 juin 2016, une nouvelle version mobile Moderne existe sur les forums. Ce tutoriel est inutile pour cette nouvelle version et ne fonctionnera pas. Il est conseillé d'utiliser la version mobile Moderne. Ce tutoriel va vous permettre de personnaliser l'apparence de votre forum via le CSS quand celui-ci sera visionné depuis un mobile. Pour tester les codes CSS sur votre navigateur internet depuis un ordinateur, il vous faut simuler un mobile, pour cela vous pouvez télécharger un plugin (ex: pour Firefox ou Opéra User Agent Switcher). Il est possible de simuler un mobile sous Chrome en inspectant l'élément (clic droit puis inspecter l'élément ou F12 sous windows) et en cliquant en haut à gauche sur cette icône: Exemple: Notez que pour plus de personnalisation, les templates mobiles peuvent être édités par le fondateur du forum! Plus d'informations dans notre annonce: accès aux templates pour la version mobile Général L'image de fond : Code: #mpage-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 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 Note normal : Code: .folder_sticky L'image de sujet Note 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 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

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.