Avis design

Utilisation du core de Jeedom Design
1

Bonjour,

utilisateur depuis peu de jeedom sur ma delta je me suis lancé dans les design, j’aimerai quelques avis notamment d’amélioration, et surtout savoir comment faire un trait oblique (j avais trouvé dans ce forum le trait droit mais pas réussi l’autre) autant je maitrise un peu sur sweethome autant rien en code html ou css.

Merci d’avance de vos réponses et/ou avis ou suggestions.

Capture
Capture1275×591 789 KB

Capture3
Capture31286×580 739 KB

Capture2
Capture21233×597 997 KB

Capture4
Capture41292×589 755 KB

3 « J'aime »
3

bonjour une rotation
sans voir le code que tu utilises c’est pas évident

exemple une image que je tourne
via son id mais ça peut être une class aussi
les différents rotate c’est pour les navigateurs (Firefox,…)

<html>
<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>
    </body></html>

après en script jquery c’est aussi faisable

la c’est un équipement (widget complet)
pour du positionnement 2d

`  $('[data-plan_id=854] .2d').css('width', '15px').css('height', '4px').css('-webkit-transform', 'rotate(0deg)');`

20191217_181145
et tu joint ligne html vertical+horizontal+vertical

4

Ha merci mais le trait oblique c’est pas pour le plan juste pour relier mes équipements à l’endroit de la photo concerné. comme les traits tout fin qui sont déjà présent .

5

bonjour,
tu peux également « tricher » en incluant tes lignes obliques directement sur l’image du fond.

6

En fait sur mes design j ai ajouter texte/html comme code pour faire des traits droit:

image
image848×95 22.4 KB

J aimerai faire pareil pour trait oblique

7

dans le style
-webkit-transform:rotate

8

J ai essayé comme ça mais ca reste droit : div style-webkit-transform:rotate=" position : relative; border-bottom: 1px solid #fff; min-height: 100%; "

peux tu me donner le code complet a taper s’il te plait, car je ne maitrise pas du tout.

merci

9

comme mon msg plus haut
tirait compris (chrome)
entre chaque cmd ;

-webkit-transform: rotate(270deg);

n’étant pas sûr pc avant tard je reviendrais plus tard

10

rapidement en coup de vent

<div style="-webkit-transform: rotate(270deg);position:relative;border-bottom:1px solid red;min-height:100%"></div>

tu peux modifié le deg manuellement (inclinaison) définir un width fixe (taille de la ligne,…)

11

Super merci c’est exactement ce que je voulais.

bonne soirée

1 « J'aime »