En poursuivant votre navigation sur ce site ou en cliquant sur la croix, vous acceptez le dépôt de cookies destinés à réaliser des statistiques de visites ainsi qu'à vous proposer des vidéos, des boutons de partage, des publicités personnalisées et un service de chat. Pour en savoir plus et paramétrer les cookies X

FR EN DE ES IT PT
Naviguer dans les forums 
Trackers Ankama
Epinglé

FAQ : Les Thèmes d'Interface

Par [Flocon] - MODÉRATEUR FORUM - 16 Août 2017 - 00:18:52

FOIRE AUX QUESTIONS : LES THÈMES D'INTERFACE


Bonjour à vous chers Douziens,
Vous retrouverez sur cette FAQ tout un ensemble d'informations concernant les Thèmes d'Interface ajoutés en jeu lors de la mise à jour 2.37. Leur utilité, leur création, leur partage : tout vous sera présenté de la manière la plus simple et détaillée possible. C'est parti !

Les Thèmes d'Interface :

 
  1. Qu'est-ce-que c'est ?
  2. Comment trouver de nouveaux thèmes ?
  3. Comment installer et mettre à jour un thème ?
  4. Comment créer un thème ?
    • Mise en place du "Mode Dev" sur la BÉTA
    • Réaliser une base pour son thème
    • De quoi est constitué un thème ?
    • Quels outils pour modifier son contenu
  5. Comment partager mon thème ?
    • Héberger son thème en ligne
    • Présenter son thème sur le Forum Officiel
    • Mise à jour de mon thème
  6. Questions fréquentes


Cette FAQ se base sur les retours et créations de la communauté DOFUS concernant les thèmes personnalisés pour vos interfaces. Merci aux contributeurs de la section pour leurs messages et discussions à ce sujet.
 
Réactions 6

Qu'est-ce-que c'est ?


Un thème d'interface est un ensemble d'images et de fichiers de styles qui, une fois interprétés, constituent l'aspect graphique global de vos interfaces de jeu. Les boutons, la couleur des textes, la police d'écriture, les fonds d'interface ainsi que de nombreux autres éléments graphiques sont alors modifiables pour donner à votre interface un design personnalisé qui vous convient et qui vous accompagnera durant vos sessions de jeu. 
 
Prenons quelques exemples avec les thèmes suivants : Greenxygen par fecman9898, Argentic par theriiche, Taktik par -greg- et SetStone par Angom8.
 
(cliquez sur une image pour la voir en plus grand) 
 
 
 
Vous remarquez via ces 4 thèmes des personnalisations différentes, allant d'une simple recolorisation du thème originel jusqu'à des modifications plus poussées sur l'aspect graphique général des interfaces. Voici donc ce que vous pouvez réaliser ou utiliser pour changer vos habitudes de jeu !

Comment trouver de nouveaux thèmes ?


Il ne vous sera pas compliqué de trouver de nombreux thèmes pour votre interface, il suffit de savoir où chercher !
La section Créations des Joueurs du Forum Officiel DOFUS regorge de talentueux joueurs qui vous proposent de nombreux thèmes d'interface. Veillez toutefois à ce que le thème que vous souhaitez mettre en place est à jour et compatible avec la version actuelle du client de jeu. Vous risqueriez dans le cas contraire de rencontrer divers dysfonctionnements ou des éléments graphiques manquants.

Il vous est également possible de consulter divers catalogues de thèmes via votre moteur de recherche favoris, différents fansites liés au jeu DOFUS vous permettront de trouver ce que vous cherchez.

Attention : Vous ne devez rien télécharger ! Seul un lien menant à un fichier .json ou .zip peut vous permettre d'installer un thème via l'interface de jeu. Ces liens sont à coller directement dans l'interface d'installation de thème disponible en jeu. Ne mettez pas en péril la sécurité de votre compte si vous ne savez pas ce que vous faites.

Comment installer et mettre à jour un thème ?

Pour installer un thème d'interface, il est nécessaire d'ouvrir votre client de jeu et de vous rendre dans les « Options » (1) de celui-ci.

➜ Sélectionnez alors l'onglet « Thèmes » (2) dans la colonne de gauche.
➜ Cliquez ensuite sur le bouton « Installer un nouveau thème » (3).

➜ Collez votre lien URL dans le champ prévu à cet effet (4) et cliquez sur « Valider » (5).
➜ Si plusieurs thèmes sont accessibles depuis cette URL (via un fichier .json), ils seront listés dans la fenêtre, sélectionnez celui ou ceux que vous souhaitez installer. S'il s'agit d'un lien menant directement à une archive .zip, l'installation du thème se fera directement.
➜ Lorsque le thème voulu est installé, fermez la fenêtre « Installer un nouveau thème » (6).

➜ Sélectionnez le thème que vous voulez appliquer dans la liste des thèmes installés.
➜ Relancez le jeu.
➜ Félicitations ! Le thème souhaité est désormais utilisable, il ne vous reste plus qu'à jouer !

Pour mettre à jour un thème déjà installé, il vous suffit de répéter les opérations 1 à 6. Si une mise à jour est disponible pour le thème voulu, il vous sera alors proposé de l'installer.

Ces mises à jour sont proposées par les créateurs des thèmes. Il est alors possible qu'un thème ne soit pas maintenu à jour dans le temps ou bien que son créateur ne puisse pas proposer une nouvelle version du thème lors d'une mise à jour du jeu. Nous vous invitons à suivre le sujet de présentation du thème concerné pour obtenir facilement les dernières informations le concernant.

Comment créer un thème ?




Dans cette partie, vous trouverez toutes les informations nécessaires afin de créer votre propre thème d'interface. De l'activation du « Mode Dev » au contenu d'un thème, vous saurez tout !

Mise en place du "Mode Dev"


Pour faciliter la création d'un thème il vous est possible d'activer de nouvelles options sur votre client de jeu BÉTA, cela passe par le « Mode Dev ». Pour cela, rendez-vous dans le dossier d'installation du jeu DOFUS. Par défaut, il devrait se trouver sous le chemin suivant (Windows) :


C:\Users\UTILISATEUR\AppData\Local\Ankama\Dofus Beta\app



Une fois dans ce dossier, créez un nouveau fichier que vous nommerez config-custom.xml, et inscrivez-y ceci à l'intérieur :
Contenu du fichier config-custom.xml
<?xml version="1.0" encoding="UTF-8"?> 
<LangFile> 
    <!-- Activation du mode developpement, doit forcément être activé pour utiliser les lignes suivantes 
        Value: true, false --> 
    <entry key="dev.mode">true</entry> 
     
    <!-- Affiche en jeu la mini interface affichant le fps et les accès rapides 
        Value: true, false --> 
    <entry key="dev.auto.display.controler">true</entry> 
</LangFile>

Une fois ceci effectué, rendez-vous en jeu sur le client BÉTA. Une nouvelle mini-interface devrait alors apparaître lorsque vous serez connecté.

 

(elle vous permet également de visualiser le nombre de FPS du client DOFUS ainsi que la mémoire utilisée par celui-ci)

 
Cliquez sur l'icône de couleur noire afin d'ouvrir la console. Celle-ci vous permettra d'utiliser quelques commandes afin de vous aider dans la création de votre thème :
 
  • /uiinspector : Permet de visualiser le style CSS utilisé sur l'élément ciblé par votre souris, ainsi que le chemin du fichier lié à ce style. Permet également de voir le chemin de la ressource graphique utilisée par un conteneur, un bouton, etc..
  • /clearcsscache : Permet de recharger les fichiers CSS utilisés par le thème. Utile pour visualiser vos changements sans avoir à relancer votre client. Il est cependant nécessaire de fermer puis réouvrir l'interface en cours de modification pour en voir les résultats.
 
 

Réaliser une base pour son thème

 
Le « Mode Dev » étant désormais activé et ses fonctions utilisables, il est temps de commencer à créer votre thème ! Pour cela, rendez-vous une nouvelle fois dans le dossier d'installation du jeu, puis dans « app\content\themes ». Vous y trouverez normalement trois dossiers. Celui qui nous intéresse ici se nomme « darkStone ».



Afin de créer la base de votre thème, suivez les étapes suivantes :
  1. Copiez le dossier « darkStone » et collez-le au même endroit que celui-ci.
  2. Renommez le dossier fraîchement collé en ce que vous souhaitez. par exemple : monMagnifikTheme
  3. Rendez-vous dans le dossier de votre thème et renommez le fichier darkStone.dt en monMagnifikTheme.dt (le nom du fichier doit être identique à celui du dossier de votre thème, c'est important)
  4. Modifiez le contenu de votre fichier monMagnifikTheme.dt avec un éditeur de texte (le bloc note windows suffit) et inscrivez-y ceci :
 
Contenu du fichier .dt
<theme>
    <name>monMagnifikTheme</name>
    <skinType>1</skinType>
    <description>Description du thème</description>
    <previewUri>monMagnifikTheme.png</previewUri>
    <author>PseudoDeAuteur</author>
    <version>1.0.0</version>
    <dofusVersion>2.42</dofusVersion> 
    <creationDate>JJ/MM/AAAA</creationDate> 
    <modificationDate>JJ/MM//AAAA</modificationDate> 
</theme>
 


 
  • Supprimez le fichier signature.xmls.
Les informations mentionnées dans le fichier DT seront utilisées par l'interface de gestion de thèmes, en jeu, pour les afficher à l'utilisateur.

 

De quoi est constitué un thème ?

 
« De fichiers ! »
Jean-Kévin le Iop, Septange 646
 
Dans cette partie, nous allons détailler le contenu d'un thème d'interface : les différents types de fichiers que vous y trouverez ainsi que leur utilité. Si vous rencontrez un fichier que vous ne savez pas modifier, veillez à vous documenter sur celui-ci ou à ne pas le modifier. Des dysfonctionnements pourraient survenir au niveau de votre client de jeu et certaines interfaces ne pourraient plus s'ouvrir correctement.




Fichier DT


  • Localisation : à la racine du dossier du thème.
  • Utilité : Permet de définir les informations sur le thème : son nom, sa date de création, sa date de dernière modification, pour quelle version du jeu est-il compatible, son image de prévisualisation, sa description ainsi que son auteur. Ces informations sont utilisées par l'interface de gestion des thèmes.


Fichiers JPG/PNG


  • Localisation : dans les dossiers "bitmap", "common", "illus" et "texture" (ainsi que les sous-dossiers éventuels) contenus à la racine du thème.
  • Utilité : Ce sont toutes les images utilisées par le client de jeu pour constituer les interfaces. Elles seront à modifier selon votre convenance afin de personnaliser votre thème.


Fichiers CSS


  • Localisation : dans le dossier nommé "css".
  • Utilité : Ces fichiers définissent le style des textes des interfaces. (police utilisée, couleur, taille, ombres etc...)
  • Polices Utilisables : Eras, Tahoma, Verdana, Gadugi, Roboto, RobotoCondensed, BebasNeue, GoodyBookletter.
  • Il n'est pour le moment pas possible d'utiliser d'autres polices d'écriture.

Pour plus d'informations sur le CSS, rendez-vous sur ce site.


Fichier colors.XML


  • Localisation : à la racine du dossier du thème.
  • Utilité : Ce fichier sert à déclarer à l'aide de "clés" différentes couleurs utilisées dynamiquement par le client de jeu. (couleur de fond des menus contextuels, couleurs du survol des zones sur la carte, couleurs des barres de progression, couleurs du mode tactique etc...)
  • Informations : L'encodage de ces couleurs utilise la base 16. Ainsi, les formats acceptés sont : 0xRRGGBB et 0xAARRGGBB (A = Alpha, R = Rouge, G = Vert, B = Bleu). Vous pouvez vous aider de ce site pour obtenir la version en base 16 de la couleur désirée. La couche dite « Alpha » permet de définir le niveau de transparence de la couleur, elle peut varier de 00 à 99. En l'absence de couche Alpha définie, l'opacité sera considérée comme égale à 100%.


Fichiers themeData.JSON


  • Localisation : à la racine du dossier du thème.
  • Utilité : Ces fichiers servent à définir de quelle manière sont utilisées certaines textures dans les interfaces. Si vous ne savez pas comment modifier ces fichiers, n'y touchez pas ! Des dysfonctionnements pourraient survenir.
  • Pour vous aider dans vos modifications, voici à quoi correspondent certains termes :
    • uri : chemin vers la texture.
    • scale9Grid : un rectangle qui indique comment la texture doit être redimensionnée (chercher scale 9 grid sur google). Exemple : scale9Grid:{x:[marge gauche], y:[marge haut], width:[taille - marge gauche - marge droite], height:[hauteur - marge haut - marge bas]} .
    • colorTransform : Applique une transformation de couleur (voir ce site pour le détail des propriétés utilisables).
    • align : Alignement de la texture (TOPLEFT, TOP, TOPRIGHT, LEFT, CENTER, RIGHT, BOTTOMLEFT, BOTTOM, BOTTOMRIGHT).
    • alpha : Valeur de 0 à 1 indiquant la transparence (0 pour invisible, 1 pour sans transparence).
    • bgColor : Valeur de type 0xRRGGBB ou 0xAARRGGBB permettant de définir la couleur de fond du composant.
    • bgAlpha : Valeur de 0 à 1 indiquant la transparence du fond du composant (0 pour invisible, 1 pour sans transparence).




Quels outils pour modifier son contenu ?

 


Afin de modifier les différents éléments qui constituent votre thème, vous aurez besoin de divers logiciels ou applications.


  • Un éditeur de texte vous sera utile pour modifier les fichiers CSS, JSON, XML ainsi que DT. Un simple bloc-note peut suffire, mais il vous sera conseillé d'utiliser un éditeur plus évolué pour plus de clarté. Des éditeurs gratuits sont disponibles sur la toile, comme Notepad ++ ou Sublime Text dans les plus connus.
  • Un logiciel d'édition/retouche d'images vous permettra de modifier l'ensemble des images qui constituent un thème d'interface. De nombreuses solutions gratuites sont accessibles comme les logiciels Photofiltre ou Gimp, il ne vous reste alors plus qu'à laisser votre imagination faire le reste !

Comment partager mon thème ?




Vous venez de terminer votre thème et les modifications apportées vous semblent suffisament originales pour partager votre création à la communauté ? Découvrez ici comment vous pouvez partager votre thème et permettre aux joueurs de l'installer à leur tour.


Héberger son thème en ligne


Pour que les joueurs puissent installer votre thème, il vous sera nécessaire d'héberger celui-ci en ligne afin que les joueurs accèdent à une URL de récupération. Plusieurs solutions s'offrent à vous à ce sujet :

  • Dofus Tools : La solution la plus simple pour vous. Après avoir créé un compte sur cette plateforme, rendez-vous dans la section Thèmes d'Interface. Vous y retrouverez de nombreux thèmes créés par la communauté, et la possibilité d'ajouter le votre à cette bibliothèque.  Pour cela rien de plus simple, une fois votre thème terminé, créez une archive au format ZIP regroupant la totalité des fichiers de votre thème et téléchargez-la sur le site. Après quelques instants, une page dédiée à votre thème sera accessible et un lien vers un fichier JSON vous sera présenté : il servira à la communauté pour installer votre thème depuis l'interface de jeu.
  • Git Hub : La plateforme très connue de partage et de développement de projets vous permet d'héberger votre thème et de le proposer à la communauté. Un tutoriel est disponible sur le Forum Officiel DOFUS, il vous permettra d'héberger votre thème et de le maintenir à jour étape par étape. Merci à Angom8 pour sa contribution.

Important : Le fichier ZIP de votre thème doit être réalisé depuis la racine du dossier de celui-ci. Il ne sera pas considéré comme valide si ce n'est pas le cas.

Dans le cas de Git Hub, vous devrez réaliser vous même le fichier JSON permettant à l'interface de jeu de récupérer les informations sur votre/vos thème(s). Pour cela, créez un nouveau fichier que vous nommerez comme vous le souhaitez, son extension devra être .json. exemple : monMagnifikTheme.json



Son contenu devra être le suivant :
Contenu du fichier JSON
 
 {
    "author" : "PseudoDeAuteur", 
    "name" : "Nom du Thème", 
    "keyWords" : "keyword1,keyword2",
    "version" : "1.0.0",
    "dofusVersion" : "2.42", 
    "description" : "Description de mon thème", 
    "url" : "http://mywebsite.com/mytheme.zip",
    "previewUrl" : "http://mywebsite.com/preview.jpg", 
    "creationDate" : "JJ/MM/AAAA", 
    "modificationDate" : "JJ/MM/AAAA"
    } 
  


 
  • author : Pseudo de l'auteur du thème.
  • name : Nom du thème.
  • keyWords : Mots-clés qui permettront à l'interface d'installation de trier les thèmes par catégorie, si plusieurs thèmes sont mentionnés dans un même fichier JSON.
  • version : Version du thème.
  • dofusVersion : Version du jeu compatible avec le thème.
  • description : Brève description du thème.
  • url : URL du fichier ZIP de votre thème, permettant à l'interface d'installation de le récupérer et d'installer le thème.
  • previewUrl : URL de l'image de prévisualisation de votre thème, permettant à l'utilisateur de l'identifier facilement.
  • creationDate : Date de création du thème.
  • modificationDate : Date de dernière modification du thème.




Lors de l'entrée d'un lien URL vers un fichier JSON, l'interface d'installation comparera alors les thèmes présentés sur cette URL avec les thèmes installés. Si un thème avec une version plus élevée est présente sur l'URL, une mise à jour vous sera proposée pour celui-ci.


Présenter son thème sur le Forum Officiel




Maintenant que votre thème est accessible à tous via un lien URL, il est temps de présenter celui-ci à la communauté. Vous trouverez ci-dessous une petite liste des recommandations souhaitées afin de présenter ou de contribuer au mieux à la création de thèmes d'interfaces.

Contenu de votre présentation

 
  • Titre du sujet : Nous vous invitons à mentionner la version de jeu compatible avec votre thème ainsi que le nom de celui-ci. exemple : [2.42] monMagnifikTheme
  •  Contenu du message :
    • Présentez votre thème en quelques lignes, ses spécificités s'il y en a.
    • Ajoutez une capture d'écran de votre thème, permettant à l'utilisateur de se donner un premier avis sur celui-ci.
    •  N'oubliez pas également de mentionner le lien de téléchargement du thème.
    • Attention : Un fichier ZIP ou un fichier JSON est attendu. Aucun fichier exécutable ne doit être téléchargé.


Ce que vous pouvez faire


  • Créer un sujet pour chaque thème présenté.
  • Créer un sujet pour demander de l'aide sur la création d'un thème.
  • Poster dans un sujet pour commenter la création d'un joueur.
  • Poster dans un sujet pour y contribuer.

Ce que vous ne pouvez pas faire


  • Poster ou créer un nouveau sujet pour rapporter un souci d'interface qui ne dépend pas de sa personnalisation. Préférez utiliser cette section.
  • Poster ou créer un nouveau sujet pour rapporter un souci lié à la personnalisation d'interface. (Fichiers inaccessibles à la personnalisation, ajout de paramètres dans colors.xml etc.) Préférez utiliser cette section et plus précisément ce sujet-ci.


Mise à jour de mon thème

 


Lorsqu'une mise à jour du jeu survient, il y a de fortes chances pour que de nouveaux éléments graphiques ou des styles soient ajoutés. Si vous souhaitez mettre à jour votre thème, que ce soit pour votre utilisation personnelle ou bien pour le partager avec la communauté, il vous sera nécessaire d'ajouter ces éléments/ces styles au votre.



Pour cela, lorsqu'une mise à jour est disponible sur le client BÉTA, regardez le contenu du dossier du thème darkStone :
  • Triez les fichiers du dossier « darkStone » par date de modification. Cela vous permettra de voir rapidement quels fichiers ont été ajoutés et/ou modifiés pour cette mise à jour. Dans le cas des fichiers CSS, JSON ou colors.xml, il vous sera nécessaire de vérifier directement le contenu de ceux-ci si vous ne voulez pas recommencer toutes vos précédentes modifications.

Lorsque vos nouvelles modifications sont terminées, veillez à mettre à jour votre fichier DT avec la nouvelle version du jeu compatible et la nouvelle date de modification ! Créez à nouveau une archive ZIP de votre thème et suivez les étapes similaires de partage de thème que ce soit pour Dofus Tools ou Git Hub.
 

Questions fréquentes

 
Vous trouverez ci-dessous quelques questions qui reviennent souvent à propos des thèmes d'interface.



Que se passe-t-il si l’interface que j’ai installée m’empêche de lancer le jeu correctement ?


Pas de panique, il vous est possible revenir à l’interface par défaut dès le lancement du jeu si jamais vous vous retrouvez bloqué. Lorsque vous utilisez un thème personnalisé, une pop up apparaît à chaque lancement du jeu vous proposant de revenir au thème par défaut en cas de problème. Ne vous inquiétez pas, vous n'aurez pas à valider ou cocher à chaque connexion.



Un site me propose de télécharger directement les thèmes sur mon ordinateur, est-ce normal ?


NON ! Il est impossible d'utiliser un thème téléchargé sur votre ordinateur directement dans le client DOFUS. Dans un soucis de sécurité, nous avons choisi ce procédé afin de rendre inutile le téléchargement de thème et ainsi, minimiser le risque d'installation de logiciel malveillant sur votre ordinateur.



Suite à une Mise à Jour du jeu, l’interface que j’utilisais n’est plus compatible, que dois-je faire ?


Les thèmes étant créés et maintenus par des joueurs, il vous faudra patienter que le créateur de votre thème le mette à jour. Il est possible de vérifier la compatibilité des thèmes proposés dans l'interface des thèmes directement depuis le client du jeu.



Où puis-je trouver un catalogue de thèmes à utiliser ?


La communauté met à disposition elle-même les thèmes créés par les joueurs, une simple recherche depuis votre moteur de recherche vous permettra de trouver ce dont vous avez besoin. De nombreux thèmes sont également présentés dans la section Créations des Joueurs du Forum Officiel DOFUS.



Que puis-je modifier pour créer mon thème d'interface ?


Tous les fichiers présents dans le dossier d'un thème peuvent être modifiés. Veillez cependant à faire attention lors de vos modifications, si vous ne savez pas comment éditer un fichier (dans le cas des fichiers CSS, JSON ou colors.xml), documentez-vous à propos de ceux-ci ou ne les modifiez pas. Des dysfonctionnements pourraient survenir.



Depuis la version 2.42, le Mode Tactique est personnalisable, comment faire pour le modifier ?




Vous trouverez dans le fichier « colors.xml » cette série de clés :
Clés utilisées pour personnaliser le Mode Tactique
<!--entry key="tacticmode.floor01">0xbdbfbf</entry>
    <entry key="tacticmode.floor02">0xb7b9b9</entry>
    <entry key="tacticmode.block01">0xf6f6f6</entry>
    <entry key="tacticmode.block02">0x7c7c7c</entry>    
    <entry key="tacticmode.block03">0x9c9c9c</entry-->

 
Les clés « tacticmode.floor01 » et « tacticmode.floor02 » gèrent les couleurs des cases au sol. Les clés « tacticmode.block01 », « tacticmode.block02 » et « tacticmode.block3 » gèrent les couleurs du bloc d'obstacle.
  • Supprimez les caractères : !-- et -- présents.
  • Modifiez les couleurs du Mode Tactique selon votre convenance.


Pourquoi la console ne s'affiche pas ?




Veillez à bien activer le mode dev sur le client Bêta du jeu. Il ne vous est pas possible de travailler sur vos thèmes depuis le client Release.