[S'inspirer] Postez vos Customisations (Javascipt / CSS)
- nickasimir
- Actif
- Messages : 693
- Inscription : 06 août 2014, 19:35
- Localisation : Montreuil, Idf
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
oui mais selon les tuiles ca me mets le text ou les commandes en dehors de la tuile.
Jeedom en DIY sur NUCI3| Mon Matos : Ici
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjours,
Je suis à la recherche d'un code pour faire un menu déroulant ou un cadre et une barre deroulante avec des informations pour mon design.
Menu déroulant : j'ai pris le code dans trucs et astuces du forum mais pas de barre déroulante.
Merci
Envoyé de mon SM-G360F en utilisant Tapatalk
Je suis à la recherche d'un code pour faire un menu déroulant ou un cadre et une barre deroulante avec des informations pour mon design.
Menu déroulant : j'ai pris le code dans trucs et astuces du forum mais pas de barre déroulante.
Merci
Envoyé de mon SM-G360F en utilisant Tapatalk
2 RPI jeedom : EcoDevices, RFXCom, Zwave, Enocean, PlcBus, squeeze, Kodi, SNMP, Camera, Présence, Alarme, Imperihome, Pushbullet,
Ipfire bananaPi : Routeur 3G/4G, Asterisk, SMB, print/scan, (Serveur mail)
Ipfire bananaPi : Routeur 3G/4G, Asterisk, SMB, print/scan, (Serveur mail)
- nickasimir
- Actif
- Messages : 693
- Inscription : 06 août 2014, 19:35
- Localisation : Montreuil, Idf
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
je reviens a la charge après plusieurs test j'ai tjrs pas trouver comment réduire les espace dans mes tuiles
Comment avoir le texte plus a gauche? ou le faire sur deux lignes?
Mettre le nom de la commande sur une ligne et les valeur en dessous?
Supprimer les espace entre, avant et après les valeurs ?
Bref comment bien harmoniser une tuile, je n'ai pas vu de réelle sujet qui en parlait.
ma petit capture pour se donner une idée :
Merci à vous
Comment avoir le texte plus a gauche? ou le faire sur deux lignes?
Mettre le nom de la commande sur une ligne et les valeur en dessous?
Supprimer les espace entre, avant et après les valeurs ?
Bref comment bien harmoniser une tuile, je n'ai pas vu de réelle sujet qui en parlait.
ma petit capture pour se donner une idée :
Merci à vous
Jeedom en DIY sur NUCI3| Mon Matos : Ici
Re: Re : [S'inspirer] Postez vos Customisations (Javascipt /
cherche pas tu ne trouveras rien
regarde les widgets deja créé
des site comme http://www.w3schools.com t'aideront
style relative/absolute
avec les placement (top, right,… )
des commande de retour ligne et colonne aussi
en dupliquant et modifiant ceux créé tu y arrivera
exemple flatdesign
jouer sur la taille fe l'image te servira aussi pour un placement
ex
regarde les widgets deja créé
des site comme http://www.w3schools.com t'aideront
style relative/absolute
avec les placement (top, right,… )
des commande de retour ligne et colonne aussi
en dupliquant et modifiant ceux créé tu y arrivera
exemple flatdesign
jouer sur la taille fe l'image te servira aussi pour un placement
ex
Code : Tout sélectionner
div style="width:100px;min-height:80px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Valeur du #valueDate#, collectée le #collectDate#">
<center>
<span class='cmdName' style="font-weight: bold;font-size : 12px;#hideCmdName#;">#name_display#</span>
<br/>
<span style="font-size: 3.5em;" id="iconCmd#id#"></span>
<br/> <br/>
<strong style="font-size: 14px;">#collectDate#</strong>
</center>
</div>
<script>
if ('#state#' == '1' || '#state#' == 1) {
$('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.frigo/refrigerator_open.png" height=120 width=105 />');
}
if ('#state#' == '0' || '#state#' == 0) {
$('#iconCmd#id#').append('<img src=" plugins/widget/core/template/dashboard/cmd.info.binary.frigo/refrigerator_close.png" height=120 />');
}
</script>
</div>
- nickasimir
- Actif
- Messages : 693
- Inscription : 06 août 2014, 19:35
- Localisation : Montreuil, Idf
Re: Re : [S'inspirer] Postez vos Customisations (Javascipt /
Merci pour ton retour qd tu n'es pas dev ca devient vite compliqué déjà en retirant le widget title j'ai plus de problème d'espace...winhex a écrit :cherche pas tu ne trouveras rien
regarde les widgets deja créé
des site comme http://www.w3schools.com t'aideront
style relative/absolute
avec les placement (top, right,… )
des commande de retour ligne et colonne aussi
en dupliquant et modifiant ceux créé tu y arrivera
exemple flatdesign
jouer sur la taille fe l'image te servira aussi pour un placement
ex
Code : Tout sélectionner
div style="width:100px;min-height:80px;" class="cmd #history# tooltips cmd-widget" data-type="info" data-subtype="numeric" data-cmd_id="#id#" title="Valeur du #valueDate#, collectée le #collectDate#"> <center> <span class='cmdName' style="font-weight: bold;font-size : 12px;#hideCmdName#;">#name_display#</span> <br/> <span style="font-size: 3.5em;" id="iconCmd#id#"></span> <br/> <br/> <strong style="font-size: 14px;">#collectDate#</strong> </center> </div> <script> if ('#state#' == '1' || '#state#' == 1) { $('#iconCmd#id#').append('<img src="plugins/widget/core/template/dashboard/cmd.info.binary.frigo/refrigerator_open.png" height=120 width=105 />'); } if ('#state#' == '0' || '#state#' == 0) { $('#iconCmd#id#').append('<img src=" plugins/widget/core/template/dashboard/cmd.info.binary.frigo/refrigerator_close.png" height=120 />'); } </script> </div>
Jeedom en DIY sur NUCI3| Mon Matos : Ici
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Bonjour,
Pour obtenir des tuiles transparentes sur mon Dashboard j'ai utilisé le code CSS trouvé dans truc et astuces
Est il possible d'avoir des transparences différentes entre le Dashbord et dans le Design
Est il possible d'avoir une transparence complète seulement pour le Design
Pour obtenir des tuiles transparentes sur mon Dashboard j'ai utilisé le code CSS trouvé dans truc et astuces
Code : Tout sélectionner
legend {
background-color: rgba(0, 0, 0, 0.17);
text-align: center;
border-bottom: 2px solid #A17734;
color: rgb(0, 102, 204);
}
.scenario-widget {
background-color: rgba(0, 0, 0, 0.17);
}
.footer {
background-color: rgba(0, 0, 0, 0.17);
}
.eqLogic-widget {
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
background-color: rgba(0,0,0,0.20) !important;
}
[type="checkbox"] {
position: relative !important;
top: 0px !important;
}
Est il possible d'avoir une transparence complète seulement pour le Design
Synology DS216+ / DSM 6.2 / Docker / MariaDB 5
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Contenu supprimé à la demande de son auteur
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Oui j'ai vue cette possibilité pour chaque équipement de choisir le mode transparent.
Mais sauf erreur, la transparence n'est pas paramétrable (tout ou rien)
et il faut le faire pour chaque équipement et virtuel
Avec le code CSS, on pouvait tout faire d'un coup
Mais sauf erreur, la transparence n'est pas paramétrable (tout ou rien)
et il faut le faire pour chaque équipement et virtuel
Avec le code CSS, on pouvait tout faire d'un coup
Synology DS216+ / DSM 6.2 / Docker / MariaDB 5
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Salut,
Dites moi vous auriez la syntaxe, pour mettre la transparence comme le thème darksobre (c'est a dire transparent mais en gardant les codes couleurs)?
Car j'ai certains widgets qui ne sont plus transparents et j'aurai voulu mettre la transparence en forcée le temps que les dev mettes a jours leur widget.
J'ai ça:
Le problème vient sûrement des valeurs rgba mais je ne sais pas quoi mettre, car là c'est tout transparent
Merci par avance
Dites moi vous auriez la syntaxe, pour mettre la transparence comme le thème darksobre (c'est a dire transparent mais en gardant les codes couleurs)?
Car j'ai certains widgets qui ne sont plus transparents et j'aurai voulu mettre la transparence en forcée le temps que les dev mettes a jours leur widget.
J'ai ça:
Code : Tout sélectionner
/* bordure arrondie et ombre, transparence */
.eqLogic-widget {
background-color: rgba(0,0,0, 0.76) !important;
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
}
Merci par avance
Développement script:
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
HelloDarkeyes a écrit :Salut,
Dites moi vous auriez la syntaxe, pour mettre la transparence comme le thème darksobre (c'est a dire transparent mais en gardant les codes couleurs)?
Car j'ai certains widgets qui ne sont plus transparents et j'aurai voulu mettre la transparence en forcée le temps que les dev mettes a jours leur widget.
J'ai ça:Le problème vient sûrement des valeurs rgba mais je ne sais pas quoi mettre, car là c'est tout transparentCode : Tout sélectionner
/* bordure arrondie et ombre, transparence */ .eqLogic-widget { background-color: rgba(0,0,0, 0.76) !important; border-radius: 15px !important; box-shadow: 0px 3px 10px #0d0d0d !important; }
Merci par avance
A l'époque ou j'utilisais le transparent, j'avais :
Code : Tout sélectionner
$(document).ready (function(){
if (window.location.href.indexOf("p=plan") > -1) {
$('.eqLogic-widget').css({'background':'rgba(255,255,255,0.5)'});
}
});
Gestion d'ouverture / fermeture Portail et garage
Gestion filtration piscine
Divers éclairages
Et tout plein d'autres choses ...
JEEDOM NUC 3.3.33 ULTIMATE
Mon matériel ici
Gestion filtration piscine
Divers éclairages
Et tout plein d'autres choses ...
JEEDOM NUC 3.3.33 ULTIMATE
Mon matériel ici
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Ne marche pas tous mes widget passent gris transparents
Développement script:
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
essaye rgba(0,0,0,0.17)Darkeyes a écrit :Ne marche pas tous mes widget passent gris transparents
Synology DS216+ / DSM 6.2 / Docker / MariaDB 5
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Merci mais c'est ce que j'avais déja tenté, le truc c'est que je veux garder les couleurs des types chauffage, lumière.Didier3L a écrit :essaye rgba(0,0,0,0.17)Darkeyes a écrit :Ne marche pas tous mes widget passent gris transparents
et la les fonds sont transparent sens couleur.
Faut que je regarde le code du thème darksobre
Développement script:
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Tu peux effectivement modifier le fichier darksorbre.js situé à /core/themes/darksobre/desktop
Code : Tout sélectionner
/* DARK SOBRE JS BETA v0.9.4 */
var dark_sobre = {
config : {
dashboard : { //activé par défaut
enable: true , //metre à false pour désactiver la transparence des widget sur le dashboard, DEFAUT: true
removeBackground: false , //mettre à true pour ne pas afficher le papier peint sur le dashboard, DEFAUT: false
},
view : { //activé par défaut
enable: true , //metre à false pour désactiver la transparence des widget dans les vues, DEFAUT: true
removeBackground: false , //mettre à true pour ne pas afficher le papier peint dans les vues, DEFAUT: false
},
plan : { //désactivé par défaut
enable: false , //metre à true pour activer la transparence des widget dans les designs, DEFAUT: false
removeBackground: false , //mettre à true pour ne pas afficher le papier peint dans les designs, DEFAUT: false
},
delay : { //désactivé par défaut
enable: false , //Mettre à true pour utiliser les delais (pb de transparence des tuiles parfois avec chrome), DEFAUT: false
local_adress: '192.168.0.1' , //entrez votre adresse locale, ex:'192.168.0.1' ou 'jeedom.local'
local_timeout: 200 , //delay en locale (1000 corespond à 1 seconde), DEFAUT: 200
external_timeout: 800 //delay lors d'un accès distant (1000 corespond à 1 seconde), DEFAUT: 800
},
advanced : {
opacity : 0.4 , //opacité du fond des tuiles, entre 0 et 1, DEFAUT: 0.4
duration_fadeIn : 300 , //durée du fondu d'apparition des pages (1000 corespond à 1 seconde), 0 pour désactiver, DEFAUT: 300
delay_fadeIn : 10 , //ne pas toucher, delai avant déclanchement du fade, DEFAUT: 10
force_visible_delay: 1000, //ne pas toucher, delai avant affichage forcé de la page si aucun widget trouvé (bug chrome aléatoire), DEFAUT: 1000
}
}
};
Synology DS216+ / DSM 6.2 / Docker / MariaDB 5
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Merci pour l'info, j'y ai pensé mais c'est pas très propre, j'aurai voulu mettre la modif dans la personnalisation avancée de jeedom.Didier3L a écrit :Tu peux effectivement modifier le fichier darksorbre.js situé à /core/themes/darksobre/desktopCode : Tout sélectionner
/* DARK SOBRE JS BETA v0.9.4 */ var dark_sobre = { config : { dashboard : { //activé par défaut enable: true , //metre à false pour désactiver la transparence des widget sur le dashboard, DEFAUT: true removeBackground: false , //mettre à true pour ne pas afficher le papier peint sur le dashboard, DEFAUT: false }, view : { //activé par défaut enable: true , //metre à false pour désactiver la transparence des widget dans les vues, DEFAUT: true removeBackground: false , //mettre à true pour ne pas afficher le papier peint dans les vues, DEFAUT: false }, plan : { //désactivé par défaut enable: false , //metre à true pour activer la transparence des widget dans les designs, DEFAUT: false removeBackground: false , //mettre à true pour ne pas afficher le papier peint dans les designs, DEFAUT: false }, delay : { //désactivé par défaut enable: false , //Mettre à true pour utiliser les delais (pb de transparence des tuiles parfois avec chrome), DEFAUT: false local_adress: '192.168.0.1' , //entrez votre adresse locale, ex:'192.168.0.1' ou 'jeedom.local' local_timeout: 200 , //delay en locale (1000 corespond à 1 seconde), DEFAUT: 200 external_timeout: 800 //delay lors d'un accès distant (1000 corespond à 1 seconde), DEFAUT: 800 }, advanced : { opacity : 0.4 , //opacité du fond des tuiles, entre 0 et 1, DEFAUT: 0.4 duration_fadeIn : 300 , //durée du fondu d'apparition des pages (1000 corespond à 1 seconde), 0 pour désactiver, DEFAUT: 300 delay_fadeIn : 10 , //ne pas toucher, delai avant déclanchement du fade, DEFAUT: 10 force_visible_delay: 1000, //ne pas toucher, delai avant affichage forcé de la page si aucun widget trouvé (bug chrome aléatoire), DEFAUT: 1000 } } };
Comme ça si MAJ pas besoin de tout recommencer
Développement script:
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Avec la nouvelle version de Jeedom on peut mettre la transparence tout en conservant la couleur de la tuile
Mais il faut le paramétrer pour chaque équipement
(Roue crantée en haut à droite / affichage avancé )
Envoyé de Tapatalk
Mais il faut le paramétrer pour chaque équipement
(Roue crantée en haut à droite / affichage avancé )
Envoyé de Tapatalk
Synology DS216+ / DSM 6.2 / Docker / MariaDB 5
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Conteneur : jeedom/Jeedom:master en mode réseau Host - Version Jeedom V3.3
Protocole : MyHOME Play Zigbee/ Xiaomi Aqara / HomeBridge / BLEA
Mon matériel | Tuto MyHOME en Vidéo | Documentation
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Sauf que certains plugins n'ont pas été mis à jour pour gérer cette nouvelle optionDidier3L a écrit :Avec la nouvelle version de Jeedom on peut mettre la transparence tout en conservant la couleur de la tuile
Mais il faut le paramétrer pour chaque équipement
(Roue crantée en haut à droite / affichage avancé )
Envoyé de Tapatalk
Développement script:
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
- ssh_commande.php
- ip_public.sh
- BackupSamba.sh
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Ha ok je me demandais pourquoi je n'avais pas cette option dans certain plugin. Sait tu l'evolution qu'il faut faire pour rendre le plugin compatible ?Darkeyes a écrit : Sauf que certains plugins n'ont pas été mis à jour pour gérer cette nouvelle option
Merci
RPI3 - AEON LABS Z-Wave (GEN5) - Oeil fibaro - Synology Nas - Webcam ip - Minix Neo z64 - Broadlink RM PRO - Xiaomi Home - Yeelight - Nut mini
Life is sharing , Sharing is life !
Life is sharing , Sharing is life !
- idem
- Timide
- Messages : 233
- Inscription : 17 févr. 2015, 02:35
- Localisation : Villeurbanne / Lyon
- Contact :
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Question au sujet de la derniere MAJ Jeedom :
C 'est normal que ma CSS ne fonctionne plus ?
body {
background-image: url("/core/img/fond-ecran4.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(51, 153, 243);
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
font-size: 130%;
}
Quelqu'un a déjà eu ce phénomène ?
C 'est normal que ma CSS ne fonctionne plus ?
body {
background-image: url("/core/img/fond-ecran4.jpg");
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: rgb(51, 153, 243);
/* Preserve aspet ratio */
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
font-size: 130%;
}
Quelqu'un a déjà eu ce phénomène ?
Jeedom DIY
Jeedom sur NUC est au top!!
http://geekandmore.fr
Unix/Linux, shell, SQL, gestion de projet, gestion des changements, consultant sénoir...
Jeedom sur NUC est au top!!
http://geekandmore.fr
Unix/Linux, shell, SQL, gestion de projet, gestion des changements, consultant sénoir...
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Pas possible pour moi de checker, je suis en vacances, mais si t'as pas eu de réponse d'ici la semaine prochaine, sonne moi et je regarderai
From Tapatruc...
From Tapatruc...
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 15 invités