[Personnalisation avancée] DARK SOBRE LIGHT (Jeedom v4)

Interfaces Portail web classique (Desktop)
22

Salut,

tu peux cacher l’image avec :

body[data-theme="core2019_Dark"] .backgroundforJeedom {
  opacity: 0 !important;  
}

C’est pas super propre, mais ça fonctionne.

Vincent.

23

Bonjour. Je me permet ma petite contribution car je viens de passer en V4, avec la même problématique que vous sur le background. Le fond par défaut de jeedom apparaissait au dessus de l’image que j’essayais de mettre en fond.

  • Je me suis donc créé 2 petites images au même format que l’originale, une sombre et une claire.
  • J’ai placé ces images dans les thèmes « core2019_Dark » , « core2019_Light » et « Core2019_Legacy »
  • J’ai ensuite simplement inclus dans la Personnalisation avancée ce qui suit :
body[data-theme="core2019_Dark"] .backgroundforJeedom {
	background-image: url("/core/themes/core2019_Dark/desktop/Custom_jeedom_abstract_01_dark.jpg")!important;
    background-size: cover;
    opacity:0.9;
}

body[data-theme="core2019_Light"] .backgroundforJeedom {
	background-image: url("/core/themes/core2019_Light/desktop/Custom_jeedom_abstract_01_light.jpg")!important;
    background-size: cover;
    opacity:0.9;
}

body[data-theme="core2019_Legacy"] .backgroundforJeedom {
	background-image: url("/core/themes/core2019_Legacy/desktop/Custom_jeedom_abstract_01_legacy.jpg")!important;
    background-size: cover;
    opacity:0.9;
}
24

Bizarre car chez moi je ce background n’apparait pas et je ne l’ai jamais vu.

cependant pour le masquer il y a pas mal de solutions relativement simple :

  • cacher l’élément :
.backgroundforJeedom {
	display: none !important;
}
  • mettre un fond transparent :
.backgroundforJeedom {
	background-image: none !important;
}
  • Mettre l’opacité à 0 comme proposé 2 posts au dessus :

…

25

j’ai mis ca aussi dans la personnalisation

.div_rowZones { 
  background-color: transparent !important;
}
#div_displayObject .eqLogic:not(.col-xs-12), .eqLogic-widget { 
  background-color: rgba(0,92,150,0.7) !important;
}
26

Pour retrouver l’ancien affichage des widgets gauge et des sliders (modifié dans les dernières maj de jeedom) :

/* Widget Gauge */
div.arcgauge {
    margin-bottom: 10px;
}
div.arcgauge .state {
    margin-top: -11px;
}

/* slider */
div.cmd-widget .slider.noUi-horizontal {
    margin: 8px 0 2px !important;
}

J’ai du le faire car cela affectait mes designs.

Avant / Après :

image image

1 « J'aime »
27

bonsoir, je viens de faire la modif, cad copier le code ci dessus dans custom.css

image
image1443×452 18.1 KB

mai le résultat n’est pas là même après redémarrage …

image

28

Bonjour

Je vais peut être encore dire une bêtise mais dans configuration, onglet interface tu as bien coché Personnalisation Avancée et sauvegardé?

Car sans cela elle n’est tout simplement pas activée… :innocent:

1 « J'aime »
29

ben voilà !!! super !! merci !!

la première fois que je met le nez dans ces choses là …

30

Ca fait juste 10j que j’ai Jeedom …
Mais j’ai parcouru tous les menus et lu à quoi correspondait les options.

Sans maitrise, la puissance n’est rien :wink:

31

moi je me renseigne sur ce dont j’ai besoin en suivant, lors de l’arrivée de ton msg, j’étais en train de chercher la doc de personnalisation…

merci du renseignement et continue de tout lire, ca pourra encore me dépanner :wink: