[S'inspirer] Postez vos Customisations (Javascipt / CSS)
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Merci marche au poile
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 le mets ou dans le code javascript ? Je l'ai copié à plusieurs endroits et ça ne change rien chez moi.Sshafi a écrit :@Claude69 : Ce n'est pas la customisation que tu as faite qui modifie la taille des cartes, c'est le fait d'avoir mis un fond qui met en évidence ce problème sur les cartes des scénarios.
Ça me triturai aussi depuis un certain temps et hier soir j'ai réussi à faire quelque chose en javascript pour corriger tout ça :
JS:Code : Tout sélectionner
$('div.scenarioDisplayCard span').css({'position':''});
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Au milieu du
Code : Tout sélectionner
$(document).ready (function(){
===VOTRE CODE ICI===
});
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
@Sshafi : Merci. Par contre ca ne fonctionne pas. J'ai collé le code dans le JS. Y a t'il autre chose à faire ?Sshafi a écrit :@Claude69 : Ce n'est pas la customisation que tu as faite qui modifie la taille des cartes, c'est le fait d'avoir mis un fond qui met en évidence ce problème sur les cartes des scénarios.
Ça me triturai aussi depuis un certain temps et hier soir j'ai réussi à faire quelque chose en javascript pour corriger tout ça :
JS:Code : Tout sélectionner
$('div.scenarioDisplayCard span').css({'position':''});
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)
J'avais oublié d'enregistrer loul
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
@syll : A bravo
@Claude69 : Ton JS ressemble bien à ça du coup ? :
@Claude69 : Ton JS ressemble bien à ça du coup ? :
Code : Tout sélectionner
$(document).ready (function(){
$('div.scenarioDisplayCard span').css({'position':''});
});
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Désolé, j'ai vu après tes échanges avec syll. J'ai corrigé et c'est impec.Sshafi a écrit :@syll : A bravo
@Claude69 : Ton JS ressemble bien à ça du coup ? :Code : Tout sélectionner
$(document).ready (function(){ $('div.scenarioDisplayCard span').css({'position':''}); });
Un grand merci
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)
Avec plaisir
En bonus :
Depuis le fond foncé, la liste des widgets à gauche est pas très lisible dans le plugin widget, donc voilà ce que j'ai mis :
CSS :
En bonus :
Depuis le fond foncé, la liste des widgets à gauche est pas très lisible dans le plugin widget, donc voilà ce que j'ai mis :
CSS :
Code : Tout sélectionner
.li_widget {
background-color: rgba(0, 0, 0, 0.25);
}
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Merci, c'est adopté
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)
Je sais j'ai honte... t'as trouvé un moyen de virer le carré blanc autour des scénarios ?
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Le carré qu'il y a autour de l'icône et du nom ? Si oui avec ça :
CSS:
Ca devrait le faire
CSS:
Code : Tout sélectionner
.scenarioDisplayCard {
background-color: rgba(255,255,255,0) !important;
}
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Arrêtez, il va bientôt plus y avoir assez de place dans mon CSSSshafi a écrit :Le carré qu'il y a autour de l'icône et du nom ? Si oui avec ça :
CSS:Ca devrait le faireCode : Tout sélectionner
.scenarioDisplayCard { background-color: rgba(255,255,255,0) !important; }
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)
@Claude69 : Si tu mets celui-là, pense à enlever le ", .scenarioDisplayCard" de celui dont on à parlé tout à l'heure... :
.eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard {
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
background-color: rgba(255,255,255,0.60) !important;
}
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Cool. Merci
TU sais cacher le blanc de ça :
TU sais cacher le blanc de ça :
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Va voir page 1 du topic 3ème post, j'ai mis qu'un screenshot pour le zwave, mais ça le fait aussi pour les scénariosSyll a écrit :Cool. Merci
TU sais cacher le blanc de ça :
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
J'ai essayé, j'aime bien le rendu en conservant les 2Sshafi a écrit :@Claude69 : Si tu mets celui-là, pense à enlever le ", .scenarioDisplayCard" de celui dont on à parlé tout à l'heure... :.eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard {
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
background-color: rgba(255,255,255,0.60) !important;
}
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)
Oups..... c'était en construction quand j'ai posté mon com et j'ai pas regardé après :p
merci
merci
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
@Claude69, c'est sûr c'est bien aussi , c'est juste que tu écrase 2 fois la css de base au lieu d'une si tu veux le même rendu sur les plugins zwave,rfxcom,widgets fait plutôt comme ça :
Code : Tout sélectionner
.eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard {
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
background-color: rgba(255,255,255,0) !important;
}
Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)
Ok, j'ai compris en regardant de plus près.Sshafi a écrit :@Claude69, c'est sûr c'est bien aussi , c'est juste que tu écrase 2 fois la css de base au lieu d'une si tu veux le même rendu sur les plugins zwave,rfxcom,widgets fait plutôt comme ça :Code : Tout sélectionner
.eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard { border-radius: 15px !important; box-shadow: 0px 3px 10px #0d0d0d !important; background-color: rgba(255,255,255,0) !important; }
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)
@Sshafi :
Pour finir côté Design, sur la page de gestion des plugins :
Dans CSS : à ajouter à
Dans JS :
Reste plus que le bouton "Accéder au market"
Pour finir côté Design, sur la page de gestion des plugins :
Dans CSS :
Code : Tout sélectionner
.pluginDisplayCard
Code : Tout sélectionner
.eqLogicDisplayCard, .widgetDisplayCard, .scenarioDisplayCard, .pluginDisplayCard {
border-radius: 15px !important;
box-shadow: 0px 3px 10px #0d0d0d !important;
background-color: rgba(0,0,0,0.17) !important;
}
Dans JS :
Code : Tout sélectionner
$('div.pluginDisplayCard span').css({'position':''});
Jeedom - ESXi 6.7U2 - VM Debian 9.9 | 60 Modules Zwave | 12 Modules RFXCom | 15 modules Xiaomi | GSM/JPI | Kodi | SqueezeBox | GH |
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 5 invités