[S'inspirer] Postez votre Plan / Design

[Jeeviens]

@rvalmont : Merci ; ) Je cherche avec des termes du genre "vintage industrial control panel" dans google images. Apres je fais mes montage sous photoshop ( V7 , vintage lui aussi )

Je peux t'envoyer par email un petit zip avec des png (qui seront peut être à resizer) : ca ne passe pas en piece jointe ici

[Jeeviens]

Allez zou, nouvelle mouture du panneau principal de commande : ) Toujours sur un magnifiiiique Galaxy Tab 7 pouces First Gen : )

Ça commence à me plaire : )

Screeshot.png (567.91 Kio) Consulté 2898 fois

[Syll]

Le rendu est vraiment très très sympa. Chapeau !

[Sabato]

Allez zou, nouvelle mouture du panneau principal de commande : ) Toujours sur un magnifiiiique Galaxy Tab 7 pouces First Gen : )

Ça commence à me plaire : )


Screeshot.png

Très beau bravo

[AlainA]

@Jeeviens : super boulot !
Serait-il possible d'avoir un zip avec tes png ?
Question : pour l'aiguille de température, tu fais comment ? Tu as une image pour chaque température ?

[Ninouness]

Allez zou, nouvelle mouture du panneau principal de commande : ) Toujours sur un magnifiiiique Galaxy Tab 7 pouces First Gen : )

Ça commence à me plaire : )

Screeshot.png

Wouah c'est magnifique.
Tu as du y passer un temps fou ?
Bravo, moi qui n'ai que le Dashboard de base, ça donne envie.

Envoyé de mon Redmi Note 5 en utilisant Tapatalk

[Jeeviens]

@Syll @Sabato @AlainA @Ninouness : merci pour les compliments : )

@alainA : je peux t'envoyer un zip par email, ça ne passe pas via les mp du forum (taille). Pour les aiguilles, j'ai "piraté" un widget existant, je ne sais plus trop lequel, pour que ce soit calculé trigonométriquement en fonction des valeurs limite du virtuel et après quelques adaptations perso (merci à l'auteur, je dois retrouver son nom pour lui dire en personne !)

@Ninouness : Si tu survole les pages précédentes de ce post, tu verras, j'ai fait pas mal d'essais en tous sens Quand ça me prend, le soir, je laisse tomber tout le monde et je fais des tests (On n'a pas de ch'tis nenfants, ça aide pour le temps libre, et les séries sur Netflix ça occupe l'autre moitié du couple - qui est plutôt contente d’être peinarde )

Merci pour les retours, ça fait plaiz : )

[AlainA]

@Jeeviens : oui je veux bien que tu m'envoies par mail ! Merci.

[gadjodilo]

Plan créé avec relux (conception d'éclairage)

[benj29]

joli les effets

[eeBud]

Voici le mien!
Merci à F$B33 pour sa base de départ.

acc.png (599.8 Kio) Consulté 2350 fois

conso.png (598.37 Kio) Consulté 2350 fois

pdv.png (267.6 Kio) Consulté 2350 fois

[amistad132]

Sympa ton design, comment as tu reussi à faire tes menus sur la droite ?

[benj29]

Salut, comment as tu fait ton graphique camembert ? Cela m'intéresse pour traduire mon suivi d'usage.

[eeBud]

Salut,
Merci. C'est une base pour le moment, je vais encore enlever les icones de couleur qui sont un peu "fantaisie", je trouve. Je vais remettre du basique de Jeedom que je trouve plus sobre.

Pour le menu, voici un exemple sur le menu de mes objets:
Il faut créer un texte/html, et copier ça:

Code : Tout sélectionner

 <style type="text/css" media="screen">
  
    	.menu_objets{
		width:350px;
		background-color:rgba(0,0,0,0.6);
	}
    
    	.texte{
		display:inline-block;
		width: 350px;
		height: 60px;
		margin-left: 0px;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,0.2);
  		font-size: 25px;
  		color: white;
    		font-weight:lighter;
  	}
    
   	 .survol:hover{
		background-color: rgba(255,255,255,0.2);
	}
  </style>

<div style = "box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.5);border-radius: 10px;" class="menu_objets">
  
	<!--Ligne 1 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 1 
		</div>
  	</div>
  	
  	<!--Ligne 2 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 2
		</div>
  	</div>
  
</div>

Là dessus on peut tout modifier, les couleurs, les arrondis, etc...

Pour le camembert, j'ai créé un Graphique, dans lequel j'ai mis les infos qui m'intéressaient en mode camembert et non courbe. Mais dans l'état, il me manquait la part "Autre".
J'ai donc un scénario qui s'exécute toutes les heures, et qui fait la différence entre (Prix Total - Prix chauffage - Prix Multimédia - Prix autre)

[benj29]

Hurmf, intéressant. Je vais voir si je peux faire un stack journalier pour présenter cela.
Merci.

[adagois]

Bonjour,

Bon je viens de me taper pal mal de page de ce topic et de celui de F$B33 et je ne trouve pas vraiment ma réponse de manière claire.

Je fais de cadre avec les exemple de code fournis par F$B33? Jusque là nickel :

Cadre.png (207.41 Kio) Consulté 2200 fois

Je fait un virtuel avec mes données pour présenter les différentes pièces ex :

Tab.png (51.92 Kio) Consulté 2200 fois

Là ça va encore. Par contre, si dans mon design je veux mettre mon tableau dans mon cadre, je suis obligé de le faire en superposition manuellement ? Il n'y a pas possibilité dans le <DIV> de faire appel à mon virtuel pour l'intégrer directement ???

Quand je vois ce genre de chose, je me dis que cela ne peut pas être manuel ... Il y a forcement une solution

2018-10-16 20_47_57-Photos.png (441.36 Kio) Consulté 2200 fois

Merci d'avance de votre aide et bonne soirée

[eeBud]

Tu peux partager le code de ton tableau, que l'on regarde?
Mais, superposer peut être une solution.

[adagois]

Comment je partage le code ? J'ai fait le tableau via un virtuel ...

2018-10-16 21_34_41-Virtual - Jeedom.png (121.14 Kio) Consulté 2186 fois

Je trouve que la superposition fait un peu .... bidouille. Et que vous devez être sacrement minutieux pour réussir a tout caler ....

[Theduck38]

En ce qui me concerne : oui, je confirme, tout fait à la main en "superposition"... en éditant les paramètres d'affichage des éléments tu peux caler la positionX(%) et positionY(%) pour les aligner.

[amistad132]

Salut,
Merci. C'est une base pour le moment, je vais encore enlever les icones de couleur qui sont un peu "fantaisie", je trouve. Je vais remettre du basique de Jeedom que je trouve plus sobre.

Pour le menu, voici un exemple sur le menu de mes objets:
Il faut créer un texte/html, et copier ça:

Code : Tout sélectionner

 <style type="text/css" media="screen">
  
    	.menu_objets{
		width:350px;
		background-color:rgba(0,0,0,0.6);
	}
    
    	.texte{
		display:inline-block;
		width: 350px;
		height: 60px;
		margin-left: 0px;
		text-align: center;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		background-color: rgba(0,0,0,0.2);
  		font-size: 25px;
  		color: white;
    		font-weight:lighter;
  	}
    
   	 .survol:hover{
		background-color: rgba(255,255,255,0.2);
	}
  </style>

<div style = "box-shadow: 0px 0px 3px 3px rgba(255,255,255,0.5);border-radius: 10px;" class="menu_objets">
  
	<!--Ligne 1 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 1 
		</div>
  	</div>
  	
  	<!--Ligne 2 Modifier planHeader_id= à votre besoin -->  
  	<div class="survol" onClick="planHeader_id=ID DE VOTRE DESIGN CIBLE; displayPlan();">
  		<div class="texte" style="line-height:60px;">
 			Le texte de la ligne 2
		</div>
  	</div>
  
</div>

Là dessus on peut tout modifier, les couleurs, les arrondis, etc...

Pour le camembert, j'ai créé un Graphique, dans lequel j'ai mis les infos qui m'intéressaient en mode camembert et non courbe. Mais dans l'état, il me manquait la part "Autre".
J'ai donc un scénario qui s'exécute toutes les heures, et qui fait la différence entre (Prix Total - Prix chauffage - Prix Multimédia - Prix autre)

Merci pour l'info, je suis une buse en langage, ca va bien m'aider. D'ailleurs aurais tu la commande pour integrer un raccourci de virtuel ou autre ?