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 : 803
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 : 382
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 : 803
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 : 2730
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é 101 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

Répondre

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

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités