Tags : Noël Youdesign Jeedom
0. Contexte
Dans la domotique, on a des trucs hyper utile comme la gestion de chauffage, d’alarme, maitrise de la consommation, puis on a le reste… et des fois le reste, ce n’est tellement pas essentiel qu’il nous le faut absolument ! Dans la période des fêtes, quoi de mieux que d’avoir un design qui respire l’atmosphère de Noël, vous n’en aviez pas besoin ? Youdesign l’a fait !
1. Création du design spéciale Noël
Avant, on devait galérer à créer nos design pas à pas, maintenant, on a Youdesign !
1.1 Choix du menu
Bien évidemment, vous pouvez utiliser un design Youdesign existant ou en créer un Nouveau. Moi, je voulais tout neuf
On ouvre youdesign et on crée un Templates via cette icône
Choisissez votre design, dans notre cas, ce sera le magnifique Burger 5
1.2 Adaptation du design à la taille de votre écran
- Nommer le design
- Déterminer la taille de l’écran
- Au besoin, afficher la taille de l’écran utilisé si c’est l’écran de destination du design
- Je choisis si je veux mon design en fullscreen et conserver ou non les menus Jeedom
- suivant !
1.3 Choix de l’emplacement du Menu
1.4 Choix des Liens
Dans mon cas, je veux tout créer, mais j’aurais pu faire pointer sur un design Existant ou une URL Libre.
J’aurais pu choisir d’ouvrir le lien dans un Nouvel onglet ou encore crée une icône pour afficher les menus Jeedom
J’ai décidé de changer la couleur des icônes pour plus de visibilité
1.5 Wallpaper
Je personnalise mon fond d’écran pour chaque page
je décide d’utiliser ce fond : Image by kjpargeter on Freepik
1.6 Tuile
Il est temps de personnaliser le nombre de tuile par page !
![](https://youdom.net/wp-content/uploads/2023/12/007.jpg)
J’adapte mes tuiles
![](https://youdom.net/wp-content/uploads/2023/12/008.jpg)
Ici, je personnalise :
- Le titre de base ou non, sa couleur d’écriture, son fond et la taille de son écriture
- Le type d’image de la tuile icône ? Image ou aucun
- L’arrondi du titre dans border radius
- Le fond de la tuile
- L’opacité
- et l’arrondi de la cellule pour les quatre coins !
1.7 Fin de création
Et voilà plus qu’à appliquer
![](https://youdom.net/wp-content/uploads/2023/12/009.jpg)
c’est fait ! un actualisation et c’est dispo !
![](https://youdom.net/wp-content/uploads/2023/12/010.jpg)
En moins de 12 etape te voila avec un design ou il n’y a plus qu’a mettre tes devices dedans !
Mais ça ne va pas vous suffire si ? allez on vous présente le nouvel add-on gratuit !
2. Youdesign add on Noel
Commencer par télécharger notre add-on gratuit
![](https://youdom.net/wp-content/uploads/2023/12/image-12.png)
Après installation, on va dans programmation/ Youdesign addon Noël
Créer un équipement et le nommer
![](https://youdom.net/wp-content/uploads/2023/12/image-13.png)
Choisir l’URL sur votre jeedom de votre musique de Noël et définir si vous la voulez en continu ou une seule fois
![](https://youdom.net/wp-content/uploads/2023/12/013.jpg)
et dans la commande voila les options possibles :
![](https://youdom.net/wp-content/uploads/2023/12/014.jpg)
Maintenant intégrons-le à notre Design
pour cela aller dans votre design principale : votre « Menu », dans notre cas Noël
![](https://youdom.net/wp-content/uploads/2023/12/015.jpg)
Clique droit puis Édition
![](https://youdom.net/wp-content/uploads/2023/12/016.jpg)
Ajouter un équipement
![](https://youdom.net/wp-content/uploads/2023/12/017.jpg)
Choisir l’équipement créer dans Youdesign addon Noël et valider
![](https://youdom.net/wp-content/uploads/2023/12/018.jpg)
Sauvegarder
![](https://youdom.net/wp-content/uploads/2023/12/019.jpg)
Mais il ne se passe rien…
Il suffit d’activer la musique et/ou la neige via l’add on
![](https://youdom.net/wp-content/uploads/2023/12/020.jpg)
ou de créer un virtuel à mettre sur votre design comme ci-dessous
![](https://youdom.net/wp-content/uploads/2023/12/021.jpg)
Vous pouvez également mettre le son en boucle ou non
![](https://youdom.net/wp-content/uploads/2023/12/image-15.png)
Après la création de quelques widgets, nous voila prêt !
![](https://youdom.net/wp-content/uploads/2023/12/022-1024x582.jpg)
![](https://youdom.net/wp-content/uploads/2023/12/023-1024x575.jpg)
![](https://youdom.net/wp-content/uploads/2023/12/024-1024x580.jpg)
J’espère que cet article vous aura plu ! À vos design !
N’oubliez pas que la vie est une fête
Loïc