[S'inspirer] Postez vos Customisations (Javascipt / CSS)
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjour,
Voici mes designs :
Voici mes designs :
- Pièces jointes
-
- meteo.png (194.21 Kio) Consulté 6151 fois
-
- lampes.png (254.5 Kio) Consulté 6151 fois
-
- chauffage.png (209.48 Kio) Consulté 6151 fois
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Suite :
- Pièces jointes
-
- temp.png (185.96 Kio) Consulté 6150 fois
-
- ouvrants.png (238.26 Kio) Consulté 6150 fois
-
- monitoring.png (211.37 Kio) Consulté 6150 fois
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Hello @Fleproust,
Ca a l'air très sympa mais tu as une section spéciale pour les designs :
viewtopic.php?f=50&t=1182
Par ailleurs des captures d'écran un peu plus grandes nous permettraient sans doute de mieux admirer ton travail
Ca a l'air très sympa mais tu as une section spéciale pour les designs :
viewtopic.php?f=50&t=1182
Par ailleurs des captures d'écran un peu plus grandes nous permettraient sans doute de mieux admirer ton travail
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.
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.
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Je suis sur smartphone et non sur tablette. D’ou La taille.
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
historique modifié avec le théme darksobre
Code : Tout sélectionner
/** historique **/
.highcharts-plot-band /** fond créme**/
{
fill: #505152;
}
.highcharts-grid-line /** barre horizontal **/
{
opacity: 0.0;
}
.highcharts-tracker /** tracé orange **/
{
stroke-width: 2;
stroke: #ff9900!important;
}
/** tous le reste **/
.highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined
{
stroke: rgb(148, 148, 140)!important;
fill: #ff9900!important;
}
.highcharts-graph /** petite barre légende **/
{
stroke: #ff9900!important;
}
- cyrilphoenix
- Timide
- Messages : 435
- Inscription : 28 juil. 2015, 16:46
- Localisation : 71
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Tres sympa ! où pose tu le code ?winhex a écrit : ↑03 févr. 2018, 03:35historique modifié avec le théme darksobre
histo.pngCode : Tout sélectionner
/** historique **/ .highcharts-plot-band /** fond créme**/ { fill: #505152; } .highcharts-grid-line /** barre horizontal **/ { opacity: 0.0; } .highcharts-tracker /** tracé orange **/ { stroke-width: 2; stroke: #ff9900!important; } /** tous le reste **/ .highcharts-legend-item.highcharts-markers, .highcharts-series-0, .highcharts-line-series, .highcharts-color-undefined { stroke: rgb(148, 148, 140)!important; fill: #ff9900!important; } .highcharts-graph /** petite barre légende **/ { stroke: #ff9900!important; }
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
personnalisation avancée
c est lié au sujet- cyrilphoenix
- Timide
- Messages : 435
- Inscription : 28 juil. 2015, 16:46
- Localisation : 71
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Parfait ca marche et c'est bien plus joli comme ca, merci
- cyrilphoenix
- Timide
- Messages : 435
- Inscription : 28 juil. 2015, 16:46
- Localisation : 71
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Pas mal les courbes
Tu pourrais partager le code CSS ?
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Y a pas de code, j’integre Juste un graphique dans le design.
- cyrilphoenix
- Timide
- Messages : 435
- Inscription : 28 juil. 2015, 16:46
- Localisation : 71
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Et pour les couleurs de courbes ?
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Ça se personnalise dans les designs directement
- GargouilleBL
- Timide
- Messages : 253
- Inscription : 26 janv. 2017, 09:31
- Localisation : Sprimont (Province de Liège - Belgique)
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjour à toutes et tous,
J'ai chercher un peu partout dans le forum, je ne trouve pas ce que je cherche, ou je n'utilise pas les bons mots clefs.
Mais ce post me parait le plus approprié pour ma de mande puisqu'il s'agit bien de personnalisation et de css.
D'ailleurs, je m'étonne que personne n'est déjà fait une telle demande car je trouve que ça pourrait être bien pratique.
J'aimerais savoir quel code et surtout où je dois le mettre pour pouvoir avoir mes objets, plugins et autres tuiles "déroulantes" sur mon dashborad.
Avoir quelque chose qui ressemble à ça (bien sur c'est un montage).
Avec un objet (ou une pièce) Et avec un plugin (ici un virtuel) Je sais que Jeedom est basé sur Bootstrap (du moins je pense) et qu'il faudrait mettre un truc de ce genre pour utiliser la fonction collapse :
Mais comme dit plus haut, je ne sais si le code est exact et surtout où le mettre.
Un peu d'aide me serait bien utile,
Merci à vous,
@+ GargouilleBL
J'ai chercher un peu partout dans le forum, je ne trouve pas ce que je cherche, ou je n'utilise pas les bons mots clefs.
Mais ce post me parait le plus approprié pour ma de mande puisqu'il s'agit bien de personnalisation et de css.
D'ailleurs, je m'étonne que personne n'est déjà fait une telle demande car je trouve que ça pourrait être bien pratique.
J'aimerais savoir quel code et surtout où je dois le mettre pour pouvoir avoir mes objets, plugins et autres tuiles "déroulantes" sur mon dashborad.
Avoir quelque chose qui ressemble à ça (bien sur c'est un montage).
Avec un objet (ou une pièce) Et avec un plugin (ici un virtuel) Je sais que Jeedom est basé sur Bootstrap (du moins je pense) et qu'il faudrait mettre un truc de ce genre pour utiliser la fonction collapse :
Code : Tout sélectionner
<button data-toggle="collapse" data-target="#demo">Collapsible</button>
<div id="demo" class="collapse">
...Mon objet ou plugin
</div>
Un peu d'aide me serait bien utile,
Merci à vous,
@+ GargouilleBL
Jeedom V3.3.19 sur VM ProxMox - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...
-
- Timide
- Messages : 207
- Inscription : 12 janv. 2016, 12:15
- Localisation : Suisse
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Sans faire de code, dans une vue tu peux utiliser le plugin CLINKS https://jeedom.github.io/plugin-clink/fr_FR/ qui permet d'ouvrir une fenêtre (modal ou non) en appuyant sur un bouton dans une tuile ou alors dans un design, utiliser l'objet "zone" qui permet de lancer des commandes ou ouvrir une fenêtre avec un widget (ton widget yeelight par exemple).
Jeedom 3.2.7 / PHP 7.0.27-0+deb9u1 sous Raspbian / Linux Jeedom 4.14.39-v7+ #1112 SMP Sat May 5 12:01:33 BST 2018 armv7l GNU/Linux [9.4]
- GargouilleBL
- Timide
- Messages : 253
- Inscription : 26 janv. 2017, 09:31
- Localisation : Sprimont (Province de Liège - Belgique)
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
@frankie666, bonjour et merci pour ta solution.
J'avais pensé a ce plugin (que j'utilise pour d'autre choses) mais dans le cas présent, je souhaite vraiment avoir mes objets, tuiles et plugins déroulants sur mon dashboard. Gain de place, rapidité et plus joli (question de goûts). Et donc utiliser la fonction collapse ou autres équivalente.
Si un spécialiste de CSS pouvait m'aider
Merci et bonne journée
@+GargouilleBL
J'avais pensé a ce plugin (que j'utilise pour d'autre choses) mais dans le cas présent, je souhaite vraiment avoir mes objets, tuiles et plugins déroulants sur mon dashboard. Gain de place, rapidité et plus joli (question de goûts). Et donc utiliser la fonction collapse ou autres équivalente.
Si un spécialiste de CSS pouvait m'aider
Merci et bonne journée
@+GargouilleBL
Jeedom V3.3.19 sur VM ProxMox - Clef Usb Z-Wave - Clef Usb RfxCom
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...
Caméras D-Link + Reolink, Oeil Fibaro, Rubans Leds Yeelight, Variateurs Fibaro, Ampoules Led Z-Wave, Clavier RFID, Vannes Thermostat Danfoss, Ampoules IKEA, SNIPS, etc...
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjour à tous,
Je ne sais pas si c’est le bon endroi pour cette question. Je cherche à afficher sur les graphiques d’historiques sous forme de colonnes empilées (ça c’est facile), en faisant apparaitre dans chaque colonne la valeur de la commande.
Ca semble possible d’après le site highcharts, et je crois que j’ai vu ça dans les screenshots du plugin « suivi conso ».
Savez-vous faire ?
Merci d’avance!
Je ne sais pas si c’est le bon endroi pour cette question. Je cherche à afficher sur les graphiques d’historiques sous forme de colonnes empilées (ça c’est facile), en faisant apparaitre dans chaque colonne la valeur de la commande.
Ca semble possible d’après le site highcharts, et je crois que j’ai vu ça dans les screenshots du plugin « suivi conso ».
Savez-vous faire ?
Merci d’avance!
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjour à tous,
Il est écrit dans la doc:
Merci
Loic
Il est écrit dans la doc:
OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
Merci
Loic
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Hmm, j’ai peut etre posté au mauvais endroit, sorry
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Je dirais dans Desktop/custom/Loic74 a écrit : ↑22 avr. 2018, 17:47Bonjour à tous,
Il est écrit dans la doc:OK mais quel fichier faut-il supprimer dans le cas de code CSS et dans le cas de code JS?Toute erreur dans un des ces scripts peut rendre Jeedom totalement indisponible et il faudra se connecter en SSH et supprimer les fichiers de customisation pour pouvoir le récupérer
Merci
Loic
A vérifier tout de même.
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: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Merci Sartog,
J'étais justement en train de me répondre, c'est bien cela.
Il faut supprimer le fichier "custom.css" (et/ou "custom.js" j'imagine) via SSH si on est bloqué
J'étais justement en train de me répondre, c'est bien cela.
Il faut supprimer le fichier "custom.css" (et/ou "custom.js" j'imagine) via SSH si on est bloqué
---------------------------------------
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Jeedom v3.3.19, VM sur Synology RS1619xs+, Arduinos, ETH-IO32B, MQTT, TTN, LoRa, Service Pack Power Ultimate
Ma présentation
Ma piscine connectée
ioBoard
Qui est en ligne ?
Utilisateurs parcourant ce forum : Google [Bot] et 15 invités