[Présentation] F$B33
Re: [Présentation] F$B33
@ F$B33 : merci pour tout ce partage - je testerai bientôt tes solutions pour vérifier si ça fonctionne.
Jeedom 3.3.31 - OpenZwave dernière version
NUC avec Dongle ZWave AEOTEC AEOEZW090 et RFXCom
20 modules RFXCom
50 modules ZWave
NUC avec Dongle ZWave AEOTEC AEOEZW090 et RFXCom
20 modules RFXCom
50 modules ZWave
Re: [Présentation] F$B33
Ça marche nickel, merci !F$B33 a écrit :Code : Tout sélectionner
planHeader_id=VOTRE ID; displayPlan();
Dernière version de JPI
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.
Un bouton donation se trouve dans la fenêtre DIVERS / A propos de l'interface web si vous souhaitez soutenir le projet.
Re: [Présentation] F$B33
J'ai mis a jour les sources du thème :
- Au changement de page, le site reste en plein écran
- Chemin plus simple : /montheme/
- Ajout des icônes "light" et "music" ainsi que du fichier .psd
*** DESIGN ***
Tuto installation :
https://youtu.be/bRiLFwengus
*** Changement WALLPAPER en fonction du moment de la journée et de la météo ***
http://dl.free.fr/jbBMNFF26
Tuto installation :
http://youtu.be/OTcLdfsag38
-- 14/04/2016 --
Modifications du script :
- Je me sers du "numéro de condition" pour déterminer la météo actuelle. Veillez bien a remplir ce nouvel ID.
- Openweather catégorise les conditions sous forme de groupes (2xx, 3xx, 4xx --> http://openweathermap.org/weather-conditions). Le script isole le premier chiffre pour détermine la condition (nuageux, pluie, vent etc..).
- Certaines conditions ont des numéros particuliers (tel que soleil = 800, orage = 960...). le script filtre ces conditions particulières.
L'installation est identique au précédent script, seul l'ID "Numéro de condition" doit être ajouté.
*** Application pour iOS. Permet un affichage plein écran sur iPad / Iphone ***
https://youtu.be/CINpYkL4rfg
Bon courage
Dernière édition par F$B33 le 14 avr. 2016, 22:01, édité 1 fois.
Re: [Présentation] F$B33
Merci pour tout cela.
Donc, une fois un cadre créé, tu mets "par dessus" le module que tu souhaites si je comprends bien (moi je cherchais comment intégrer le module dans le cadre, pour cela que je ne comprenais pas )
Donc, une fois un cadre créé, tu mets "par dessus" le module que tu souhaites si je comprends bien (moi je cherchais comment intégrer le module dans le cadre, pour cela que je ne comprenais pas )
Box : smart, mini+, pi 2 et 3, ipbx800 v4
Protocole : Z-Wave (Fibaro & Qubino), Ikea, Bluetooth
Méteo : Netatmo
Audio : Sonos (Play 1 et 5)
Protocole : Z-Wave (Fibaro & Qubino), Ikea, Bluetooth
Méteo : Netatmo
Audio : Sonos (Play 1 et 5)
Re: [Présentation] F$B33
Exactement. Il est préférable de mettre le cadre avec une profondeur -1
-
- Timide
- Messages : 22
- Inscription : 31 janv. 2016, 02:17
Re: [Présentation] F$B33
Une autre solution, serais de demander un refresh en css de l'image : (lorsque l'on reste sur la page un long moment et que l'image change)F$B33 a écrit :Excellente idée mais comment tu indiques à Jeedom qu'il faut qu'il aille chercher ton image + uniqid().jpg ?dJuL a écrit :Autre solution plus simple, changer le nom de la photo dans la destination au moment de la copie.
ex :reste a effacer tout le contenu du rep images avant chaque copy pour ne pas stocker des tonnes de copiesCode : Tout sélectionner
copy($_POST['group1'], $_POST['group2'].'_'.uniqid());
(faut donc un rep dedié à l'image de fond, ou sinon des images de fond commençant toutes par une chaine identifiable pour pouvoir les effacer avant la copie, genre 'fond-')
Je pense que c'est stocké dans la BDD, je n'ai pas encore fouillé dedans.
Pour ce faire j'ai ajouté une classe CSS dans Personnalisation avancé :
Code : Tout sélectionner
body {
background-image: url("../../core/img/plan/2789d08158bd61645e1956a1c0cb6a58112e484a.jpg"); //modifier par votre image
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(51, 153, 243);
}
Code : Tout sélectionner
<script>
$("body").css("background-image", "url(../../core/img/plan/2789d08158bd61645e1956a1c0cb6a58112e484a.jpg)"); //remplacer par votre image
</script>
De plus, l'image s'adaptera toujours à la taille de votre ecran.
Dernière édition par yannickabc le 03 févr. 2016, 20:39, édité 2 fois.
-
- Timide
- Messages : 22
- Inscription : 31 janv. 2016, 02:17
Re: [Présentation] F$B33
J’imagine que c'est un scénario? C'est une apparence modifié ou tu l'as simplement mis en objet texte?
Sa m’intéresserais de pouvoir faire la même chose et de pouvoir modifier l'heure en live dans la fenetre, possible?
Merci pour tes précisions et super boulot !
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: [Présentation] F$B33
Je sais pas comment il fait pour pour avoir un widget thermostat sympa. Celui de base est vraiment pas beau et j'arrive pas à le modifier....yannickabc a écrit :Sur cette image, dans le thermostat, on vois "Eco -> Confort 20:00
J’imagine que c'est un scénario? C'est une apparence modifié ou tu l'as simplement mis en objet texte?
Sa m’intéresserais de pouvoir faire la même chose et de pouvoir modifier l'heure en live dans la fenetre, possible?
Merci pour tes précisions et super boulot !
Envoyé avec TapataCash !
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: [Présentation] F$B33
Je viens de découvrir ce post: superbe travail @F$B33. J'ai hâte d'essayer pour voir ce que ça donne.
Sent from my Nexus 5 using Tapatalk
Sent from my Nexus 5 using Tapatalk
yannickabc a écrit :Une autre solution, serais de demander un refresh en css de l'image : (lorsque l'on reste sur la page un long moment et que l'image change)F$B33 a écrit :Excellente idée mais comment tu indiques à Jeedom qu'il faut qu'il aille chercher ton image + uniqid().jpg ?dJuL a écrit :Autre solution plus simple, changer le nom de la photo dans la destination au moment de la copie.
ex :reste a effacer tout le contenu du rep images avant chaque copy pour ne pas stocker des tonnes de copiesCode : Tout sélectionner
copy($_POST['group1'], $_POST['group2'].'_'.uniqid());
(faut donc un rep dedié à l'image de fond, ou sinon des images de fond commençant toutes par une chaine identifiable pour pouvoir les effacer avant la copie, genre 'fond-')
Je pense que c'est stocké dans la BDD, je n'ai pas encore fouillé dedans.
Pour ce faire j'ai ajouté une classe CSS dans Personnalisation avancé :
Pour forcer la mise a jour j'ai crée un widget :Code : Tout sélectionner
body { background-image: url("../../core/img/plan/2789d08158bd61645e1956a1c0cb6a58112e484a.jpg"); //modifier par votre image background-size: cover; background-repeat: no-repeat; background-attachment: fixed; color: rgb(51, 153, 243); }
Ensuite il suffit de lier ce widget au script de crée par F$B33, a chaque exécution du script le background image sera rafrechisCode : Tout sélectionner
<script> $("body").css("background-image", "url(../../core/img/plan/2789d08158bd61645e1956a1c0cb6a58112e484a.jpg)"); //remplacer par votre image </script>
De plus, l'image s'adaptera toujours à la taille de votre ecran.
Excellente idée ! Merci pour l'astuce, je vais tester ça !
C'est le Widget d'origine de mon thermostat NETATMO. Je ne l'ai pas modifié.yannickabc a écrit :Sur cette image, dans le thermostat, on vois "Eco -> Confort 20:00
J’imagine que c'est un scénario? C'est une apparence modifié ou tu l'as simplement mis en objet texte?
Sa m’intéresserais de pouvoir faire la même chose et de pouvoir modifier l'heure en live dans la fenetre, possible?
Merci pour tes précisions et super boulot !
Re: [Présentation] F$B33
Salut
j'ai fais des icons pour ton menu donc je partage.
j'ai fais des icons pour ton menu donc je partage.
- Pièces jointes
-
- icon_consomation.png (12.66 Kio) Consulté 33262 fois
-
- icon_tv.png (5.33 Kio) Consulté 33262 fois
-
- icon_carte.png (5.25 Kio) Consulté 33262 fois
DIY : PC ATOM X86 (DEBIAN) (Jeedom) + razpberry
RPI 2 (Jeedom) + GCE teleinfo + TTS
Tablette nexus 7 mural (IHM avec design jeedom de F$B33)
Zwave modules : 1 Greenwave multiprise, 5 FGMS-001, 3 FGK-101, 3 FGRM-222
RPI 2 (Jeedom) + GCE teleinfo + TTS
Tablette nexus 7 mural (IHM avec design jeedom de F$B33)
Zwave modules : 1 Greenwave multiprise, 5 FGMS-001, 3 FGK-101, 3 FGRM-222
Re: [Présentation] F$B33
C'est moi ou on les voit pas les icones ? :p
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: [Présentation] F$B33
Moi je les vois bienSyll a écrit :C'est moi ou on les voit pas les icones ? :p
Par contre ça pixelise à mort !
Envoyé avec TapataCash !
Dernière édition par extrapitou le 08 févr. 2016, 20:42, édité 1 fois.
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: [Présentation] F$B33
Merci pour ton partage.je vais l'intégrer au zip. Les icônes sont blancs sur fond blanc voilà pourquoi on ne les distingue pas.
Re: [Présentation] F$B33
Salut à tous, franchement ce theme est TOP merci à toi F$B33 pour le partage de tes sources. Ma femme était pas trop partante pour de la domotique mais la elle adopte juste à partir de ton design des possibilités donc je lui est parler.
Merci encore.
Merci encore.
Hystou: Jeedom / Dev / Blea / LMS / Apache
1 Rpi2 antenne BLEA
Xiaomi: 1 Présence + 1 Porte + 3 Temp.Hum + 3 Yeelight RGB
Gateway USB by LAREGIE pour MySensor
Arduino Uno +5 Arduino Pro mini MySensors.
1 Rpi2 antenne BLEA
Xiaomi: 1 Présence + 1 Porte + 3 Temp.Hum + 3 Yeelight RGB
Gateway USB by LAREGIE pour MySensor
Arduino Uno +5 Arduino Pro mini MySensors.
Re: [Présentation] F$B33
bonjour merci c'est tip top
j ai suivi les 3 VIDÉOS,
mais je ne capte pas pour le fond d ecran?
le script je l ai crée mais comment je l'integre a mon designe pour qu il change d image?
j ai suivi les 3 VIDÉOS,
mais je ne capte pas pour le fond d ecran?
le script je l ai crée mais comment je l'integre a mon designe pour qu il change d image?
Re: [Présentation] F$B33
Comment faite vous pour mettre l'heure ?
JEEDOM (que la domotique soit avec toi )
Re: [Présentation] F$B33
C'est magnifique!!
une fois le cadre réalisé, quand on met un widget devant, il faut jouer avec les niveau pour que le widget soit au dessus du cadre?
une fois le cadre réalisé, quand on met un widget devant, il faut jouer avec les niveau pour que le widget soit au dessus du cadre?
Re: [Présentation] F$B33
Syll a écrit :C'est moi ou on les voit pas les icones ? :p
Pareil pour moi, cadre blanc.
Jeedom 3.1.7 sur RPi3 + Razberry, RFLink & modules MySensors et station Netatmo
Re: [Présentation] F$B33
C'est normal, les icones sont blanches sur le fond blanc du forum, fait clique droit sauver l'image et tu verra elle est belle est bien là.Totche a écrit :Syll a écrit :C'est moi ou on les voit pas les icones ? :p
Pareil pour moi, cadre blanc.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités