Le module Pronostics est idéal pour engager votre communauté autour d'événements réels ou fictifs. Pour offrir une expérience immersive, la personnalisation graphique est essentielle. La majorité de la configuration se fait directement dans l'éditeur, mais certains éléments doivent être préparés en amont.
Avant de commencer : Arrière-plan et Structure
La mécanique de jeu s'intègre par-dessus l'arrière-plan de votre campagne.
Desktop : Importez votre fond d'écran via l'icône "+" dans la section Image de fond.
Zone de jeu : Vous avez la liberté totale de définir la largeur de votre zone de jeu.
Astuce Mobile : Pour un rendu "App", réduisez la largeur du module dans l'éditeur pour qu'elle corresponde aux standards mobiles (environ 375-414px).
Visuels des Participants (Équipes, Joueurs...)
Pour illustrer les matchs, vous pouvez uploader un visuel spécifique pour chaque participant.
Affichage : Ce visuel apparaît en miniature dans le tableau des matchs et en grand format dans la Popin de saisie du pronostic.
Spécifications :
Taille : 200 x 200 px.
Format : .PNG (pour gérer la transparence si nécessaire). Poids max 500Ko
Export : Chaque participant doit être exporté dans un fichier séparé.
Personnalisation dans la brique "Apparence"
Une fois vos participants créés, tout le reste de l'habillage se gère directement dans l'onglet Apparence du module.
🎨 Styles et Couleurs
Police : Importez votre fichier .WOFF pour appliquer votre charte graphique à l'ensemble du module.
Couleurs de fond : Personnalisez la couleur du tableau de bord grâce au sélecteur de couleurs (Color Picker).
Feedback visuel : Définissez des couleurs distinctes pour identifier rapidement les résultats dans l'historique :
Pronostic validé (Gagné) : Vert par défaut.
Pronostic en erreur (Perdu) : Rouge par défaut.
📐 Formes et Arrondis
Tableau des matchs : Ajustez l'arrondi des bordures du tableau via le curseur de réglage (de carré à très arrondi).
Boutons Boost, Bonus et Valider : Vous pouvez configurer pour chaque bouton la taille du texte, la couleur de fond, de la police et du contour.
💡 Astuces Design
Visibilité : Si vous utilisez une image de fond très détaillée, jouez sur l'opacité de la couleur de fond de votre tableau de pronostics pour garantir une lecture claire des matchs.
Popin de validation : N'oubliez pas de cliquer sur "Afficher la popin" dans l'éditeur pour prévisualiser le rendu de vos boutons Bonus et Boost avant la mise en ligne.