Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Toute la communauté vous remercie

[S'inspirer] Postez vos Customisations (Javascipt / CSS)

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
fcna
Actif
Messages : 804
Inscription : 15 mars 2015, 16:14
Localisation : Toulouse

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fcna » 25 avr. 2018, 17:54

Bonjour,

Je voudrais modifier toute la police. C'est possible, je n'y arrive pas.

Merci d'avance
Mini +
Fibaro FGMS-001
Qubino Fil Pilote 6 / Module Vlts roulants
Aeon Labs mono G2 60A
Fibaro Wall Plug / Smoke Sensor

ImperiHome Standard System /Pushing Box/Energie/ Philips Hue / Agenda / Clock / Géolocalisation / Themes / ...

Sartog
Timide
Messages : 424
Inscription : 27 août 2015, 14:54

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par Sartog » 25 avr. 2018, 17:58

dans le bloc css

Code : Tout sélectionner

body{
	font: xxxx !important;
}
ou

Code : Tout sélectionner

body{
	font-family: xxxx !important;
}
Exemple :
font: 300 14px/1.5em Lato !important;
ou
font-family: Lato !important;


Si ta police n'est pas déjà intégrée dans Jeedom, il te faudra la charger en amont
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)

fcna
Actif
Messages : 804
Inscription : 15 mars 2015, 16:14
Localisation : Toulouse

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par fcna » 25 avr. 2018, 18:35

Merci ca marche bien
Mini +
Fibaro FGMS-001
Qubino Fil Pilote 6 / Module Vlts roulants
Aeon Labs mono G2 60A
Fibaro Wall Plug / Smoke Sensor

ImperiHome Standard System /Pushing Box/Energie/ Philips Hue / Agenda / Clock / Géolocalisation / Themes / ...

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

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 06 août 2018, 00:43

pour personnaliser les scénario dans un design (peu d'évolution pour cette fonction)

ne voulant pas créé des virtuels pour certains
mais savoir leur état (voir de les désactivés)
j'ai joué avec le css pour voir se qu'on pouvait faire "via content"
scenario sur design.png
scenario sur design.png (7.84 Kio) Consulté 431 fois
creation d'un html dans le même design
et on copie le code
data-scenario_id= qu'on retrouve en mode "outils de dev" navigateur ou id scenario
l'un avec l'image du widget "AutoManuSwitch_IMG" et l'autre des icones et inversement des couleurs (vert lorsqu'il est activé et rouge = désactivé)
j'ai volontairement caché le lancement manuel data-state="start" pour les 2

Code : Tout sélectionner

<style>
  /* tous = .scenario-widget sinon [data-scenario_id="9"]  [data-scenario_id="15"] */
.scenario-widget {
 background-color: #BDCFD9;
} 
  /* Off  f204  */ 
[data-scenario_id="9"] a.btn-success {
border-color:red;
    background-color: red;
  }
  [data-scenario_id="9"] [data-state="activate"] .fa-power-off::before {
    color: white !important;
    content: "\f204";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    }
  
    /* On  f205  */ 
[data-scenario_id="9"] a.btn-danger {
border-color:green;
    background-color: green;
  }
[data-scenario_id="9"] [data-state="deactivate"] .fa-power-off::before {
    color: white !important;
    content: "\f205";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    }
  [data-scenario_id="9"] [data-state="start"] {
display: none!important;
    }
    /* 2eme  */ 
[data-scenario_id="15"] a.btn-success {
border-color:transparent;
    background-color: transparent;
    content:url('plugins/widget/core/template/dashboard/cmd.action.other.AutoManuSwitch_IMG/AutoManuCircle_MANU.png');  
  height: 20px;
  }

[data-scenario_id="15"] a.btn-danger {
border-color:transparent;
    background-color: transparent;
    content:url('plugins/widget/core/template/dashboard/cmd.action.other.AutoManuSwitch_IMG/AutoManuCircle_AUTO.png');  
height: 20px;
  }

  [data-scenario_id="15"] [data-state="start"] {
display: none!important;
    }

    
Combinateurs et pseudo-classes CSS

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

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 19 sept. 2018, 02:45

modif name equipement.png
modif name equipement.png (7.22 Kio) Consulté 242 fois
dans un html ou config css (lié au sujet)
pour l'equipement 291 "plug jeelog" dans le design changer le css du nom
et ne pas pouvoir cliquer sur le nom

Code : Tout sélectionner

 
  [data-eqlogic_id="291"][data-version="dplan"]>.widget-name
 {
color: #ddd5c4!important;
  text-align: left; 
   font-weight: bold;
   font-size: 0.9em;
     pointer-events: none;
  }
  
ne pas oublier de vider le cache pour test (CTRL+MAJ+F5) avec chrome

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

Re: [S'inspirer] Postez vos Customisations (Javascipt / CSS)

Message par winhex » 23 sept. 2018, 16:46

j'ai l'impression d'être un peu seul sur le coup !

pour un tooltip d'un historique
sans la commande qui precede la valeur

Code : Tout sélectionner

.highcharts-label:nth-child(2)>.highcharts-label-box+text>tspan:not(:nth-of-type(3)) 
{
  display:none;
}
20180923_164815.jpg
20180923_164815.jpg (62.08 Kio) Consulté 183 fois
1er fois que je fais un truc si long, on y arrive
via lien 2 messages qui precedent celui là et
viewtopic.php?f=24&t=39028&p=649704#p649704

Répondre

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

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité