Bonjours ,
Alors je suis sous rpi 3b+ , jeedom 4.0.49 et aucun souci sur celui-ci . ( comme ça c’est dit)
Bon voici mon problème :
J’avais commencer de tester un design avec le très bon tuto F$B33 il y a plus d’un an et j’ai laisser tombé . Je me suis relancer dessus il y 2 semaine avec le design à la vue de l’excellent widget gauge de @Salvialf que je remercie d’ailleurs .
Alors mon souci ce passe sur la page d’accueil ,mon fond d’écran change tout seul avec avec un fond d’écran fantôme . Je dis fantôme car je n’ai mis que le code du design sans y ajouter le changement d’écran en fonction de la météo ( J’ai gratter gratter sur google mais je ne trouve pas de solution à mon problème .
La le fond par défauts :
Et voici le fantôme:
Le menu du design :
`<!–
Menu
Exemple :
- Copiez perso.css dans montheme/
- Copiez les images dans montheme/images
- Dans le mode Design, ajoutez « Texte/html » puis copier/coller le code html
- Remplacez « ID DU PLAN » par l’ID de votre page cible.
la class « selected » permet de mettre en surbrillance le bouton du menu sur lequel vous êtes
→
<a onClick="planHeader_id=1; displayPlan();"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=2; displayPlan();"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_chauffage.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=3; displayPlan();"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_cam.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=4; displayPlan();"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_reseau.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=5; displayPlan();"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_volets.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=6; displayPlan();"><li class="monmenu" ><div class="imagette"><img src="montheme/images/icon_fumee.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=7; displayPlan();"><li class="monmenu" ><div class="imagette"><img src="montheme/images/icon_plan.png" height=50px width=50px></div></br></li></a>
<a onClick="planHeader_id=8; displayPlan();"><li class="monmenu" ><div class="imagette"><img src="montheme/images/icon_light.png" height=50px width=50px></div></br></li></a>
<!-- SEPARATION -->
<li class="monmenu_sep" ><div class="imagette"><img src="montheme/images/icon_blank.png" height=50px width=50px></div></br></li>
Et pour finir le Css :
div.menu_top
{
width:1020px;
height:70px;
background-color:rgba(0,0,0,0.6);
border-bottom:2px solid rgba(0,0,0,1);
}
ul.monmenu ul.monmenu_sep
{
list-style-type:none;
color:rgba(255,255,255,0.8);
font-family:Roboto;
font-size: 16px;
font-weight: normal;
}
li.monmenu
{
display:inline-block;
width: 100px;
margin-left: -5px;
text-align: center;
height: 70px;
padding-top: 10px;
border-left: 1px solid rgba(255,255,255,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
background-color: rgba(0,0,0,0.2);
}
div.imagette
{
text-align: center;
margin-bottom: 5px;
opacity: 0.8;
}
li.monmenu:hover{
background-color: rgba(255,255,255,0.2);
}
li.selected{
display:inline-block;
width: 100px;
margin-left: -5px;
text-align: center;
height: 70px;
padding-top: 10px;
border-left: 1px solid rgba(255,255,255,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
background-color: rgba(255,255,255,0.2);
}
li.monmenu_sep
{
display:inline-block;
width: 100px;
margin-left: -5px;
text-align: center;
height: 70px;
padding-top: 10px;
border-right: 1px solid rgba(0,0,0,0.3);
}
div.bouton{
opacity: 1.5;
}
div.bouton:hover
{
opacity: 0.5;
}
Merci a ceux qui pourraient m’aider .
