Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[S'inspirer] Postez votre Plan / Design

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
Thyer
Timide
Messages : 163
Inscription : 30 mai 2017, 09:51
Localisation : Lorraine

Re: [S'inspirer] Postez votre Plan / Design

Message par Thyer » 11 sept. 2017, 11:41

rcdomo a écrit :
11 sept. 2017, 11:34
Et ben j'ai lu toutes les pages de F$B33 , et c'est vrai que c'est super.
Ceci dit je ne suis pas arrivé à trouver le même widget horloge que dans son desing .
J'ai acheté le plugin horloge, mais le widget n'est pas le même ! on peut avoir différentes horloges analogiques et une horloge digitale , mais pas celle présentée chez F$B33 :?
Salut,
regarde ICI, tu a la code clock.html et tu l’insère en Iframe ;)

viewtopic.php?p=286107#p286107

Code : Tout sélectionner

<iframe src="montheme/clock.html"> </iframe>

chtikers
Timide
Messages : 463
Inscription : 08 nov. 2015, 21:01

Re: [S'inspirer] Postez votre Plan / Design

Message par chtikers » 11 sept. 2017, 12:24

Ne serait ce pas horloge HTC ?

rcdomo
Timide
Messages : 212
Inscription : 01 déc. 2014, 20:23

Re: [S'inspirer] Postez votre Plan / Design

Message par rcdomo » 11 sept. 2017, 16:17

Thyer a écrit :
11 sept. 2017, 11:41


Salut,
regarde ICI, tu a la code clock.html et tu l’insère en Iframe ;)

viewtopic.php?p=286107#p286107

Code : Tout sélectionner

<iframe src="montheme/clock.html"> </iframe>
Merci pour l'info, je regarde ça ;)

rcdomo
Timide
Messages : 212
Inscription : 01 déc. 2014, 20:23

Re: [S'inspirer] Postez votre Plan / Design

Message par rcdomo » 11 sept. 2017, 17:02

chtikers a écrit :
11 sept. 2017, 12:24
Ne serait ce pas horloge HTC ?
Bien vu , c'est l'horloge HTC :)

Swatmorpheus
Actif
Messages : 919
Inscription : 23 avr. 2015, 14:38
Localisation : Haute Gironde

Re: [S'inspirer] Postez votre Plan / Design

Message par Swatmorpheus » 19 sept. 2017, 12:35

Salut , pour avoir une horloge de type
Horloge.PNG
Horloge.PNG (30.47 Kio) Consulté 4575 fois
Créer un script
Horloge2.PNG
Horloge2.PNG (224.6 Kio) Consulté 4575 fois

Code : Tout sélectionner

<?php 
 date_default_timezone_set('Europe/Paris');
 echo date('H  i') ;
ensuite sur le design ajouter l'équipement script et c'est fini
Voici quelques info concernant l'ajout de la date etc : http://www.phpdebutant.org/article53.php
Prod: jeedom V3.2.12 DIY RPI3 + Zwave (fibaro) + Zigbee (xiaomi) + IPXV4 + X4VR
AppleTV4k
PI3 : Max2play
PiZéro: PiCoreplayer
Mini+: OpenElec 7.0.1 Kodi 16.1 Jarvis
En préinstall pour migration: Nuc hystou ,ESXi6.7,jeedom V3.2.12, LMS ,Owncloud

Mad Ein
Timide
Messages : 62
Inscription : 09 août 2016, 21:00

Re: [S'inspirer] Postez votre Plan / Design

Message par Mad Ein » 19 sept. 2017, 20:27

bonjour,
je suis en train de faire le design sur jeedom, mais je n'arrive pas à afficher une page web en mode zoom:
design.gif
design.gif (173.58 Kio) Consulté 4524 fois
comment "dézoomer" la page pour que ça rentre dans le cadre?

Code : Tout sélectionner

<IFRAME 
           src="http://www.francetvinfo.fr" width=600 scrolling=yes height=400 >
                    
</IFRAME>
merci pour votre aide!

Thyer
Timide
Messages : 163
Inscription : 30 mai 2017, 09:51
Localisation : Lorraine

Re: [S'inspirer] Postez votre Plan / Design

Message par Thyer » 26 sept. 2017, 11:44

Salut,
Il Faut que tu bidouille en CSS
par ex:

Code : Tout sélectionner

.wrap {
    width: 320px;
    height: 192px;
    padding: 0;
    overflow: hidden;
}
.frame {
    width: 1280px;
    height: 786px;
    border: 0;
    -ms-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -o-transform: scale(0.25);
    -webkit-transform: scale(0.25);
    transform: scale(0.25);
    
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

Code : Tout sélectionner

<div class="wrap">
    This version works on FF 26, Chrome 32, Opera 18, and IE 9-11. 
    <iframe class="frame" src="http://time.is"></iframe>
</div>
<div class="wrap">
    <iframe class="frame" src="http://apple.com"></iframe>
</div>
Source : http://jsfiddle.net/esassaman/PnWFY/

Mad Ein
Timide
Messages : 62
Inscription : 09 août 2016, 21:00

Re: [S'inspirer] Postez votre Plan / Design

Message par Mad Ein » 27 sept. 2017, 17:36

super merci!
j'ai tâtonné un peu pour insérer le CSS dans l'HTML mais c'est bon avec la balise "style"...

cool

drs
Actif
Messages : 1534
Inscription : 04 nov. 2016, 10:44

Re: [S'inspirer] Postez votre Plan / Design

Message par drs » 13 oct. 2017, 18:18

Bonjour

Voilà, je vous présente mon design. Le postulat de base était d'avoir tout à portée de main sur l'écran du smartphone, sur une page unique (je l'avais déjà posté sur un autre sujet, mais depuis ça a progressé).

Image

Avatar de l’utilisateur
jonatd05
Timide
Messages : 103
Inscription : 09 avr. 2017, 10:46

Re: [S'inspirer] Postez votre Plan / Design

Message par jonatd05 » 14 oct. 2017, 10:15

Je viens d'ajouter ma présentation (ici : viewtopic.php?f=50&t=30502) dans laquelle vous pourrez visualiser l'ensemble des copies d'écran de mon interface.

Voici donc la page principale de mon interface (très fortement inspirée de celle de F$B33) et qui tourne sur un iPad Mini accroché au mur :

Image-1.jpg
Image-1.jpg (197.25 Kio) Consulté 4061 fois

winhex
Actif
Messages : 3799
Inscription : 23 janv. 2015, 01:41

Re: [S'inspirer] Postez votre Plan / Design

Message par winhex » 14 oct. 2017, 10:54

pour info trouvant l'idée interessante
un design interactif
http://sarakha63-domotique.fr/design-in ... s-cameras/
partant du même principe (une image, une zone) tous sur une page

Avatar de l’utilisateur
domoggvad
Actif
Messages : 1880
Inscription : 29 avr. 2015, 16:02
Localisation : Seine-Saint-Denis (Villepinte)

Re: [S'inspirer] Postez votre Plan / Design

Message par domoggvad » 14 oct. 2017, 11:29

je trouve aussi, le plus dure est de trouver un point de départ pour placer la caméra, pas évident dans tous les logements, comme dans mon cas cuisine séparée.
3 Odroid C2 (Prod - secours - test) Z83 tests: rfxcom + Z-wave- Clims DAIKIN - espeasy - thekey - Xiaomi - Telinfo - broadlink... widget V3 :viewtopic.php?f=29&t=44183&p=717810#p717810

mortyre
Actif
Messages : 1247
Inscription : 17 mai 2016, 16:51

Re: [S'inspirer] Postez votre Plan / Design

Message par mortyre » 15 oct. 2017, 13:03

vous savez comment ajouter la vue d'une caméra motorisé sur un preset donné dans le cadre d'un design ?
PROD: NAS1815+ VMM Buster 10.2 / Jeedom 4.0.31 / MariaDB 10.3.18 / PHP 7.3.9
DEV: DIY Odroid C2 16gb Strech 9.11 / Jeedom 4.x Alpha / MariaDB 10.1.41 / PHP 7.0.33

maflo51
Timide
Messages : 4
Inscription : 28 oct. 2017, 09:10

Re: [S'inspirer] Postez votre Plan / Design

Message par maflo51 » 28 oct. 2017, 09:13

Thyer a écrit :
23 août 2017, 15:45
Salut pareil, je partage mes design, J'ai profité du très bon travail de F$B33 afin d'utiliser les cadres et le menu de navigation ça évite de faire une image avec tout les éléments.
Il ne me reste plus qu'a fixer la tablette au mur. (recup un vieux IPAD2)

000.jpg
001.jpg
07.JPG
Très Joli travail !
Mon design est aussi en cours d'élaboration et je cherche à afficher les mêmes graphiques cependant j'obtiens toujours le hachurage des jours.
Comment dois t'on procéder pour l'enlever ?

Merci de votre aide.

Thyer
Timide
Messages : 163
Inscription : 30 mai 2017, 09:51
Localisation : Lorraine

Re: [S'inspirer] Postez votre Plan / Design

Message par Thyer » 28 oct. 2017, 11:27

Salut, PARAMÈTRE (Roue cranté en haut à droite) PERSONNALISATION AVANCÉE
Dans CSS tu rajoute

Code : Tout sélectionner

.highcharts-plot-band
{
	opacity:0.0;
}
tu rafraîchis (F5) et le tour est joué ;)

maflo51
Timide
Messages : 4
Inscription : 28 oct. 2017, 09:10

Re: [S'inspirer] Postez votre Plan / Design

Message par maflo51 » 28 oct. 2017, 13:45

Au top merci !

drake88
Timide
Messages : 242
Inscription : 17 oct. 2017, 07:38

Re: [S'inspirer] Postez votre Plan / Design

Message par drake88 » 31 oct. 2017, 07:10

Salut à tous,

JE débute mon design et je voudrais savoir comment changer la couleur du texte du widget température? Mon texte est noir et je le voudrais blanc.

Merci

6co
Timide
Messages : 66
Inscription : 26 mars 2016, 18:42
Localisation : Sarthe

Re: [S'inspirer] Postez votre Plan / Design

Message par 6co » 31 oct. 2017, 08:59

drake88 a écrit :
31 oct. 2017, 07:10
Salut à tous,

JE débute mon design et je voudrais savoir comment changer la couleur du texte du widget température? Mon texte est noir et je le voudrais blanc.

Merci
Hello,

1°un clic droit sur ton design pour passer en mode édition
2°un clic droit sur l'équipement dont tu veux modifier la couleur -> Configuration avancée
3° Onglet affichage, décocher défaut et choisir ta couleur (voir ci dessous) :

Image
"Ne vis pas pour que ta présence se remarque mais pour que ton absence se ressente" [Bob Marley]

Raspberry Pi 3 sur SSD, Wemos en pagaille, RFLink, Shelly 1 et Plug S, Gateway XIaomi et modules aqara

drake88
Timide
Messages : 242
Inscription : 17 oct. 2017, 07:38

Re: [S'inspirer] Postez votre Plan / Design

Message par drake88 » 31 oct. 2017, 20:19

Merci pour ta réponse très précise.

Cependant, je n'ai pas tous les menus dont tu me parles.

Je suis sur la smart en V 3.1.7 et je n'ai pas ça...

Une idée?

Merci

Avatar de l’utilisateur
BizZ62
Actif
Messages : 1510
Inscription : 16 juil. 2014, 19:17

Re: [S'inspirer] Postez votre Plan / Design

Message par BizZ62 » 01 nov. 2017, 12:35

Thyer a écrit :
28 oct. 2017, 11:27
Salut, PARAMÈTRE (Roue cranté en haut à droite) PERSONNALISATION AVANCÉE
Dans CSS tu rajoute

Code : Tout sélectionner

.highcharts-plot-band
{
	opacity:0.0;
}
tu rafraîchis (F5) et le tour est joué ;)
Merci !!!!

De même, sais tu comment faire pour changer la couleur du texte des légendes ? Car là du coup en gris sur fond noir c'est pas super lisible chez moi :) Merci !
Jeedomien depuis 2014
Rpi3 - SSD 32Go + Stick Aeon Gen5 + RfxTrx + Gateway Xiaomi
+ Rpi3 - SSD 32Go + Stick Aeon Gen5 en Jeelink
+ 40 Modules Zwave + 25 modules 433 + 10 modules Xiaomi Home + 5 Caméras.

Répondre

Revenir vers « Présentation et Vitrine d'installations »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités