Monitor - mode plan

[deennoo]

Les icones sur les pages c'est cool ! Mais un plan c'est mieux !

Alors oui il y a une solution d'appoint pour le moment, afficher la page plan de Domoticz dans un Iframe, cela fonctionne et affiche toutes l'interface, mais les icones sont petits.

J'ai vu une solution basé sur imperihome qui doit pouvoir ce faire sur la Monitor.

Une page vide avec juste des cases, pleins de cases, un quadrillage, on place l'image de notre plan dessous et dans les cases les icons de nos appareils.

Qu'en pensez vous ?

[vil1driver]

pourquoi pas, ça se tente mon colonel

[fab0030]

Bonjour,
En cours de fabrication,ce n'est que le début
Exemple avec plan en background et icônes placées ou bon me semble (faut jouer du CSS).
Tu peux modifier tes icônes, plus petites...ou plus grandes.
bon courage, c'est un peu long à faire!!

[deennoo]

Oui voila exactement un bon exemple...

L'idee serait de simplifier la chose sans avoir a jouer du css, avec des cases predifinie et immobile

[vil1driver]

Avec la console de dev manipuler le css devient plutôt sympa on fait tout en live et une fois satisfait on copie tout puis on va coller dans le fichier dédié..

Le tout est que les div aient la propriété position:absolute pour que le positionnement ne dépende pas des autres..
En suite il suffit d'ajouter les propriétés de taille (width height) et de positionnement (top left)

[Nemesis24]

salut à tous

Je vous conseille de suivre ce tuto

https://openclassrooms.com/courses/imag ... graphiques

[itcitc77]

Bonjour,
En cours de fabrication,ce n'est que le début
Exemple avec plan en background et icônes placées ou bon me semble (faut jouer du CSS).
Tu peux modifier tes icônes, plus petites...ou plus grandes.
bon courage, c'est un peu long à faire!!

bonjour
avec quoi as tu fais le plan ?

[fab0030]

bonjour,
plan réalisé avec Sweet Home 3D