Bonjour,
J’essaie de me faire un design pour regrouper toutes mes lumières. Le problème c’est que j’en ai beaucoup. Du coup je ne trouve pas une idée pour faire quelque chose de sympa sans faire lisiting.
Quelqu’un a t il quelque chose pour répondre à mon besoin ?
Voici ce que j’étais entrain de faire mais ça ne me plait pas.
Bonjour,
Un virtuel qui regroupe plusieurs ?
C’est ce que j’ai fait sur ma page principale. La j’aimerais avoir toutes mes lampes. Sur la copie d’écran il n’y a que la moitié du rez de chaussée et il reste l’étage et les combles.
Je crée des virtuels pour chaque pièce et groupe de lumière. Mais cette page c’est vraiment fait pour avoir un contrôle complet des lumières.
un plan reduit 2d format dessin architecte et résumé global (qui serait détaillé pour toi)
exemple un vieux design
d’un regard tu vois le changement de couleur, où et ensuite dans le carrée vert (format tableau 3 colonnes « etages ») le lieu
Pas mal ton plan. Tu l’as fait sur quoi ?
reprise par scan d’un plan (pub constructeur) fait à la main (année 2000), quelques retouche,nettoyage et filtre via paint-o-net .
c’est pas très compliqué une fois que tu en a un de faire du copier/coller de partie.
si tu veux t’amuser
un pour portable (pour un poids reduit)
et son html dans design
la partie script "tu peux supprimé " c’est pour la rotation des équipements
<body>
<div>
<img id="image" src="/perso/sable/vide1_portable.png" >
</div>
<style>
#image {
/* Peut-être modifiée dans l'exemple */
width:230px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
}
</style>
<script>
/** porte garage 208 **/
//$('.cmd[data-cmd_id=1187] .boxFD1187').css('width', '30px').css('height', '4px').css('-webkit-transform', 'rotate(135deg)');
//$('[data-plan_id="679"]').css('pointer-events', 'none');
/** porte garage 308 **/
// $('.cmd[data-cmd_id=1189] .boxFD1189').css('width', '30px').css('height', '4px').css('-webkit-transform', 'rotate(135deg)');
//$('[data-plan_id="681"]').css('pointer-events', 'none');
/** volet roulant cuisine **/
// var VRcuisine = $('[data-plan_id="'+Idcuisine+'"]');
$('[data-plan_id='+Idcuisine+'] .2d').css('width', '25px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
// $('[data-plan_id=697] .2d').css('width', '25px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
/**volet roulant SAM **/
$('[data-plan_id=698] .2d').css('width', '25px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
/**volet roulant Salon **/
$('[data-plan_id=699] .2d').css('width', '25px').css('height', '4px').css('-webkit-transform', 'rotate(90deg)');
/**volet roulant chambre1 nord **/
$('[data-plan_id=700] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
/**volet roulant chambre1 ouest **/
$('[data-plan_id=701] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(90deg)');
/** porte cellier **/
$('[data-plan_id=703] .2d').css('width', '10px').css('height', '4px').css('-webkit-transform', 'rotate(90deg)');
/** porte entrée **/
$('[data-plan_id=702] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(135deg)');
/** porte garage 208 **/
$('[data-plan_id=679] .2d').css('width', '30px').css('height', '4px').css('-webkit-transform', 'rotate(135deg)');
/** porte garage 308 **/
$('[data-plan_id=842] .2d').css('width', '30px').css('height', '4px').css('-webkit-transform', 'rotate(135deg)');
/** fenetre adrien **/
$('[data-plan_id=853] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
/** fenetre lisa **/
$('[data-plan_id=854] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');
</script>
</body>
plan de départ
inspiration à 0.24s
Bonjour @ajja17orange
Comment gères-tu le changement de couleur des ouvertures ?
J’aimerai bien essayer de le reproduire, mais via un affichage widget au clic.
@dsigmoun
là c’est un simple widget « perso »
un trait qui change de couleur
rouge fermé. vert ouvert
et pour vr orange mi-ouvert
le trait « css » à pour class « 2d » d’où le script pour la rotation, taille, épaisseur .
se qui implique un virtuel supplémentaire « que pour 2d »
mais c’était pour v3
tiens j’ai même pas besoin d’adapter
avec animation
