Jump to content

Atelier : Création de thèmes pour le forum


Edtech
 Share

Recommended Posts

Voici un petit atelier pour ceux qui voudraient de nouveaux thèmes pour le forum.

Il n'est pas bien difficile de créer un thème personnalisé car le forum permet de surcharger les CSS.

Tout ce que vous voulez modifier doit être mis dans un fichier CSS de personnalisation. Si vous voulez changer la couleur d'un bouton, il suffit de rechercher la classe CSS qui lui correspond (avec l'extension pour développeur de votre navigateur, F12 pour IE) et la recopier dans ce fichier avec les nouvelles couleurs désirées.

Pour la partie éditeur (là où vous rédigez vos messages), il faut utiliser un thème CKEditor à fournir séparément.

Si vous souhaitez modifier des ressources (images du forum comme les icônes de barre de notification, les avatars par défaut, les animations de chargement, etc.), il faut me fournir les images séparément. Pensez à fournir plusieurs images pour supporter les écrans Haute Densité. Par exemple, l'image représentant le cercle de chargement peut être fournie en résolution normale et double, la deuxième image devant porter le même nom mais avec @2x à la fin du nom (ex: loading.gif et loading@2x.gif).

En pièce-jointe, le thème clair complet.

Une fois votre thème fignolé, il vous suffit de me l'envoyer afin que je l'incorpore au site en me fournissant le nom que vous voulez lui donner. Seule contrainte : maintenir le thème en cas de modifications liées à des mises à jour du forum.

Les meilleurs thèmes seront conservés et utilisables par tous.

Amusez-vous bien !

Thème_clair.xml

Link to comment
Share on other sites

  • 9 months later...
  • Edtech pinned and featured this topic
  • 1 month later...
  • 3 weeks later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...