Forum Communauté Jeedom

je rencontre un petit souci avec l'horloge.
j'ai mis le fichier "clock.html", mais à l'affichage j'ai 1h de retard ... Alors que l'heure est ok dans jeedom.
Est-ce que quelqu'un a le même souci ?

carmelo42 a écrit : ↑
23 août 2017, 14:33
je rencontre un petit souci avec l'horloge.
j'ai mis le fichier "clock.html", mais à l'affichage j'ai 1h de retard ... Alors que l'heure est ok dans jeedom.
Est-ce que quelqu'un a le même souci ?

Tu peux utiliser la modification située dans ce message :
viewtopic.php?f=24&t=28530#p498251

Bonjour,

j'ai un petit souci concernant le script "chgt wallpaper".

je n'arrrive pas à avoir correctement le fond en fonction du jour et de la nuit?

ce matin 8h00, il le mets nuageux (qui est correct) mais celui du dossier nuit alors que ça doit être celui de "jour". alors que hier soir après le coucher de soleil et toute la journée d'hier j'avais l'image du dossier "jour"?

: Capture d’écran 2017-08-24 à 08.08.25.png (176.17 Kio) Consulté 3024 fois

voici également mon fichier .php au cas ou j'ai raté un "épisode".

Code : Tout sélectionner

<!--	

Script a copier dans /core/img/plan/

Dans /core/img/plan/ >> Créer un dossier Images (avec un i Maj)

Dans /core/img/plan/Images >> Copier le dossier Meteo (avec un M Maj) avec les images 

Ne pas modifier le nom des images.

Si vous voulez remplacer une image, attention au nom et l’extension !

Extension : .jpg

Si la condition météo n’est pas référencée ci dessous, le fichier defaut.jpg prendra place en fond d’écran


-->

<?php

// A compléter : 

//Paramètres JEEDOM
$url_jeedom = "192.168.1.10"; //IP du JEEDOM
$API_jeedom = "bxxxxxxxxxxxxxxxxxxx"; // Clef API du JEEDOM
$id_Condition = 967; //ID de la commande "Numéro condition" du plugin Weather
$id_Lever = 963;
$id_Coucher = 962;
$nom_fichier_fond_ecran = "plan/102768f06cc350b49147c71ff7c7d86e84c1d5bfb92d65c15b2c6fedc7a6f2d45f22a6106c225d39665d4fff94fd9ed70f48d29a6e5cd5ea2268590cfea794d9.jpg"; //Récupérer le nom du fichier du fond d'écran actuel dans /core/img/plan/

// // On récupère les heures de lever et coucher du soleil
$adresse = "http://".$url_jeedom."/core/api/jeeApi.php?apikey=".$API_jeedom."&type=cmd&id=".$id_Lever;
$lever = file_get_contents($adresse);

$adresse = "http://".$url_jeedom."/core/api/jeeApi.php?apikey=".$API_jeedom."&type=cmd&id=".$id_Coucher;
$coucher = file_get_contents($adresse);

// On compare l'heure actuelle avec $coucher et $lever

$heure = round(date('Hi'));



if (($heure >= $lever) && ($heure <= $coucher))
{

	$moment = "jour";

}
elseif (($heure <= $lever) || ($heure >= $coucher))
{


	$moment = "nuit";

}


// On récupère les conditions météo via Weather

$adresse = "http://".$url_jeedom."/core/api/jeeApi.php?apikey=".$API_jeedom."&type=cmd&id=".$id_Condition;
$condition = file_get_contents($adresse);

// on compare l'id condition aux valeurs d'openWeather

$numGroup = substr($condition, 0,1);


switch ($numGroup) {
	case '2':
		$valeur_condition = "Orage";
		break;
	
	case '3':
		$valeur_condition = "Brume";
		break;

	case '5':
		$valeur_condition = "Pluie";
		break;		

	case '6':
		$valeur_condition = "Neige";
		break;

	case '8':
		$valeur_condition = "Nuage";
		break;

	case '3':
		$valeur_condition = "Nuage";
		break;

	default:
		$valeur_condition = "defaut";
		break;
}


//Condiftions particulières

switch ($condition) {
	case '800':
		$valeur_condition = "Soleil";
		break;

	case '905':
		$valeur_condition = "Vent";
		break;

	case '905':
		$valeur_condition = "Vent";
		break;

	case '900':
		$valeur_condition = "Vent";
		break;

	case '902':
		$valeur_condition = "Vent";
		break;

	case '905':
		$valeur_condition = "Vent";
		break;

	case '909':
		$valeur_condition = "Pluie";
		break;

	case '951':
		$valeur_condition = "Soleil";
		break;

	case '951':
		$valeur_condition = "Soleil";
		break;

	case '952':
		$valeur_condition = "Vent";
		break;

	case '953':
		$valeur_condition = "Vent";
		break;

	case '954':
		$valeur_condition = "Vent";
		break;

	case '955':
		$valeur_condition = "Vent";
		break;

	case '956':
		$valeur_condition = "Vent";
		break;

	case '957':
		$valeur_condition = "Vent";
		break;

	case '960':
		$valeur_condition = "Vent";
		break;

	case '961':
		$valeur_condition = "Vent";
		break;
	
}

//On compare avec les conditions du plugin Weather
/*switch ($condition) {
	case "Avec Bruine le matin":
			$valeur_condition = "Brume";
		break;

		case "Avec Bruine":
			$valeur_condition = "Brume";
		break;

		case "Peu nuageux":
			$valeur_condition = "Nuage";
		break;

		case "Ensoleillé l'après-midi":
			$valeur_condition = "Soleil";
		break;

		case "Pluvieux le matin":
			$valeur_condition = "Pluie";
		break;

		case "Pluvieux l'après-midi":
			$valeur_condition = "Pluie";
		break;

		case "Nuageux l'après-midi":
			$valeur_condition = "Nuage";
		break;

		case "Pluvieux l'après-midi":
			$valeur_condition = "Pluie";
		break;

		case "Legèrement pluvieux l'après-midi":
			$valeur_condition = "Pluie";
		break;

		case "Orageux l'aprés-midi":
			$valeur_condition = "Orage";
		break;

		case "Orageux le matin":
			$valeur_condition = "Orage";
		break;

		case "Orageux et venteux l'aprés-midi":
			$valeur_condition = "Orage";
		break;

		case "Orageux et venteux le matin":
			$valeur_condition = "Orage";
		break;

		case "Orageux et venteux":
			$valeur_condition = "Orage";
		break;

		case "Ensoleillé le matin":
			$valeur_condition = "Soleil";
		break;

		case "Nuageux le matin":
			$valeur_condition = "Nuage";
		break;

		case "Nuageux le matin/Ensoleillé l'après-midi":
			$valeur_condition = "Nuage";
		break;

		case "Brumeux le matin/Ensoleillé l'après-midi":
			$valeur_condition = "Brume";
		break;

		case "Pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;

		case "Ensoleillé le matin/Nuageux l'après-midi":
			$valeur_condition = "Soleil";
		break;

		case "Nuageux tôt et eclaircie tardive":
			$valeur_condition = "Nuage";
		break;

		case "Partiellement nuageux":
			$valeur_condition = "Nuage";
		break;
		
		case "Nuageux":
			$valeur_condition = "Nuage";
		break;
		
		case "Venteux et pluvieux le matin":
			$valeur_condition = "Pluie";
		break;
		
		case "Venteux et pluvieux l'après-midi":
			$valeur_condition = "Pluie";
		break;
		
		case "Partiellement nuageux et venteux":
			$valeur_condition = "Nuage";
		break;
		
		case "Venteux":
			$valeur_condition = "Vent";
		break;
		
		case "Ensoleillé":
			$valeur_condition = "Soleil";
		break;
		
		case "Plutôt ensoleillé":
			$valeur_condition = "Soleil";
		break;
		
		case "Beau":
			$valeur_condition = "Soleil";
		break;
		
		case "Dégagé":
			$valeur_condition = "Soleil";
		break;
		
		case "Avec des Averses":
			$valeur_condition = "Pluie";
		break;
		
		case "Avec quelques averses":
			$valeur_condition = "Pluie";
		break;
		
		case "Averses et vent":
			$valeur_condition = "Pluie";
		break;
		
		case "Faiblement pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Partiellement brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Brumeux le matin et nuageux l'après-midi":
			$valeur_condition = "Brume";
		break;
		
		case "Peu nuageux":
			$valeur_condition = "Nuage";
		break;
		
		case "Pluvieux l'après-midi":
			$valeur_condition = "Pluie";
		break;
		
		case "Orageux l'après-midi":
			$valeur_condition = "Orage";
		break;
		
		case "Légèrement pluvieux avec orage":
			$valeur_condition = "Orage";
		break;
		
		case "Orageux":
			$valeur_condition = "Orage";
		break;
		
		case "Fortement pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Avec Averses tardive":
			$valeur_condition = "Pluie";
		break;
		
		case "Avec Averses localisées":
			$valeur_condition = "Pluie";
		break;
		
		case "légèrement pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Orageux localement":
			$valeur_condition = "Orage";
		break;
		
		case "Légèrement pluvieux le matin":
			$valeur_condition = "Pluie";
		break;
		
		case "Légèrement pluvieux le matin":
			$valeur_condition = "Pluie";
		break;
		
		case "Orageux":
			$valeur_condition = "Orage";
		break;
		
		case "Averses orageuses":
			$valeur_condition = "Orage";
		break;
		
		case "Pluvieux/Orageux":
			$valeur_condition = "Orage";
		break;
		
		case "Orageux localement":
			$valeur_condition = "Orage";
		break;
		
		case "Avec Orage dispersé et venteux":
			$valeur_condition = "Orage";
		break;
		
		case "Légèrement pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;
		
		case "Orageux":
			$valeur_condition = "Orage";
		break;
		
		case "Nuageux et venteux":
			$valeur_condition = "Nuage";
		break;
		
		case "Pluvieux tardivement":
			$valeur_condition = "Pluie";
		break;
		
		case "Légèrement pluvieux et vent":
			$valeur_condition = "Pluie";
		break;
		
		case "Tardivement pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Dégagé et venteux":
			$valeur_condition = "Vent";
		break;
		
		case "Ensoleillé et venteux":
			$valeur_condition = "Soleil";
		break;
		
		case "Pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Faiblement pluvieux et brumeux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux le matin":
			$valeur_condition = "Pluie";
		break;
		
		case "Ensoleillé avec du vent":
			$valeur_condition = "Soleil";
		break;
		
		case "Brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;
		
		case "Faiblement pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;
		
		case "Nuageux avec du vent":
			$valeur_condition = "Nuage";
		break;
		
		case "Nuageux et venteux":
			$valeur_condition = "Nuage";
		break;
		
		case "Faiblement neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Partiellement nuageux et venteux":
			$valeur_condition = "Nuage";
		break;
		
		case "Brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Légèrement pluvieux dans la soirée":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux et neigeux le matin":
			$valeur_condition = "Neige";
		break;
		
		case "Pluvieux et neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Pluvieux et venteux l'après midi":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux et neigeux plus tard":
			$valeur_condition = "Neige";
		break;
		
		case "Pluvieux et neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Faiblement pluvieux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux et neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Légèrement brumeux et venteux":
			$valeur_condition = "Vent";
		break;
		
		case "Neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Neigeux":
			$valeur_condition = "Neige";
		break;
		
		case "Pluvieux dans la soirée":
			$valeur_condition = "Pluie";
		break;
		
		case "Neigeux l'après midi":
			$valeur_condition = "Neige";
		break;
		
		case "Légèrement pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;
		
		case "Brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Fortement pluvieux et venteux":
			$valeur_condition = "Pluie";
		break;
		
		case "Pluvieux et venteux le matin":
			$valeur_condition = "Pluie";
		break;
		
		case "Legèrement brumeux":
			$valeur_condition = "Brume";
		break;
		
		case "Neigeux le matin":
			$valeur_condition = "Neige";
		break;
		
		case "Snow Showers":
			$valeur_condition = "Neige";
		break;

		case "Light Snow Shower":
			$valeur_condition = "Neige";
		break;
		
	default:
			$valeur_condition = "defaut";
		break;

}*/


$Chemin_source = "Images/Meteo/".$moment."/".$valeur_condition.".jpg";

$Chemin_dest = $nom_fichier_fond_ecran;


copy($Chemin_source,$Chemin_dest);

echo  $heure." > ".$lever." > ".$coucher." > ".$moment." > ".$condition.' > '.$valeur_condition.' > '.$Chemin_source.' > '.$nom_fichier_fond_ecran;



?>

/code]
Merci pour votre aide et encore bravo pour ce super boulot

kaktusatomik a écrit : ↑
23 août 2017, 14:54

carmelo42 a écrit : ↑
23 août 2017, 14:33
je rencontre un petit souci avec l'horloge.
j'ai mis le fichier "clock.html", mais à l'affichage j'ai 1h de retard ... Alors que l'heure est ok dans jeedom.
Est-ce que quelqu'un a le même souci ?
Tu peux utiliser la modification située dans ce message :
viewtopic.php?f=24&t=28530#p498251

merci !
ça fonctionne parfaitement

mamatdv a écrit : ↑
02 août 2017, 22:07
C'est bon j'ai trouvé !
j'ai ajouté style="margin-left: -40px; " dans la balise <ul> du code html.
Il veut pas me le prendre dans le perso.css ...

Salut,

j'ai passé du temps sur le menu et j'ai réussi à l'adapter en format vertical, bien agencé. J'ai fixé aussi le soucis de la marge de 40px. je te mets mon code inspisé de F$B33 et modifié suivant mes besoins.

l'objet Text/HTML fait 100 x 800 avec le code HTML suivant:

Code : Tout sélectionner

<LINK href="montheme/perso_vert.css" rel="stylesheet" type="text/css">

<div class="menu_top">

<ul class="monmenu">


	<a onClick="planHeader_id=ID DU PLAN; displayPlan();"><li class="selected"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>

	<a onClick="planHeader_id=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; displayPlan();"><li class="monmenu_end" ><div class="imagette"><img src="montheme/images/icon_plan.png" height=50px width=50px></div></br></li></a>

</ul>


</div>

Tu remarqueras l'appel au fichier de style "montheme/perso_vert.css" que voici:

Code : Tout sélectionner

div.menu_top
	{
	width:100px;
	height:790px;
	background-color:rgba(0,0,0,0.6);
#	border-left:2px solid rgba(0,0,0,1);
	}

ul.monmenu ul.monmenu_sep ul.monmenu_end
	{
	list-style-type:none;
	color:rgba(255,255,255,0.8);
	font-family:Roboto;
	font-size: 16px;
	font-weight: normal;
	}

li.monmenu
	{
	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
#	border-left: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
	}

div.imagette
	{
#	opacity: 0.8;
#   padding-top: 10px;
#	text-align: center;

	text-align: center;
	margin-bottom: 5px;
	opacity: 0.8;
	}

li.monmenu:hover
	{
	background-color: rgba(255,255,255,0.2);
	}

li.monmenu_end:hover
	{
	background-color: rgba(255,255,255,0.2);
	}

li.selected
	{
	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.2);
	}

li.monmenu_end
	{
  	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
#	border-left: 1px solid rgba(255,255,255,0.3);
#	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
	}

li.monmenu_sep
	{
  	display:block;
	width: 100px;
	margin-left: -40px;
	text-align: center;
	height: 79px;
	padding-top: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	}

div.bouton
	{
	opacity: 1;
	}

div.bouton:hover
	{
	opacity: 0.5;
	}

j'ai corrigé le souci de marge.

Petite contribution pour ma part, je ne trouvais pas d'icone TV ou camera intérieure ( sachant que j'en ai dehors et dedans je voulais différencier les deux icones car j'ai deux pages sur mon desgin), si cela peut servir à quelqu'un, voici mon partage (il faut cliquer droit sur les images car le fond du forum est blanc et les images aussi donc logique que vous ne voyez rie, pas d'inquiétude) :

Icone camera int :

Icone TV :

Icone Température avec le rond autour :

Icone détection avec le rond autour :

Et voici ce que cela donne :

Merci pour le tuto, pas simple à trouver, perdu au milieu du forum.
Appliqué, et apprécié !

noBru77 a écrit : ↑

24 août 2017, 22:16

mamatdv a écrit : ↑
02 août 2017, 22:07
C'est bon j'ai trouvé !
j'ai ajouté style="margin-left: -40px; " dans la balise <ul> du code html.
Il veut pas me le prendre dans le perso.css ...

Salut,

j'ai passé du temps sur le menu et j'ai réussi à l'adapter en format vertical, bien agencé. J'ai fixé aussi le soucis de la marge de 40px. je te mets mon code inspisé de F$B33 et modifié suivant mes besoins.

l'objet Text/HTML fait 100 x 800 avec le code HTML suivant:

Code : Tout sélectionner

<LINK href="montheme/perso_vert.css" rel="stylesheet" type="text/css">

<div class="menu_top">

<ul class="monmenu">


	<a onClick="planHeader_id=ID DU PLAN; displayPlan();"><li class="selected"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>

	<a onClick="planHeader_id=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; 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=ID DU PLAN; displayPlan();"><li class="monmenu_end" ><div class="imagette"><img src="montheme/images/icon_plan.png" height=50px width=50px></div></br></li></a>

</ul>


</div>

Tu remarqueras l'appel au fichier de style "montheme/perso_vert.css" que voici:

Code : Tout sélectionner

div.menu_top
	{
	width:100px;
	height:790px;
	background-color:rgba(0,0,0,0.6);
#	border-left:2px solid rgba(0,0,0,1);
	}

ul.monmenu ul.monmenu_sep ul.monmenu_end
	{
	list-style-type:none;
	color:rgba(255,255,255,0.8);
	font-family:Roboto;
	font-size: 16px;
	font-weight: normal;
	}

li.monmenu
	{
	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
#	border-left: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
	}

div.imagette
	{
#	opacity: 0.8;
#   padding-top: 10px;
#	text-align: center;

	text-align: center;
	margin-bottom: 5px;
	opacity: 0.8;
	}

li.monmenu:hover
	{
	background-color: rgba(255,255,255,0.2);
	}

li.monmenu_end:hover
	{
	background-color: rgba(255,255,255,0.2);
	}

li.selected
	{
	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.2);
	}

li.monmenu_end
	{
  	display:block;
	width: 100px;
#	margin-left: -5px;
	text-align: center;
	height: 79px;
	margin-left: -40px;
	padding-top: 15px;
#	border-left: 1px solid rgba(255,255,255,0.3);
#	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
	}

li.monmenu_sep
	{
  	display:block;
	width: 100px;
	margin-left: -40px;
	text-align: center;
	height: 79px;
	padding-top: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	}

div.bouton
	{
	opacity: 1;
	}

div.bouton:hover
	{
	opacity: 0.5;
	}

j'ai corrigé le souci de marge.

Hello, J'ai le menu à l'horizontal, Tu as modifié quelle propriété" pour la marge ?
MErci

Dans le fichier perso.css, section li.monmenu, tu modifies le margin-left: -5px en -40px pour ne plus avoir de marge à gauche.

Salut

je suis ce post depuis un moment et il grande source d'inspiration pour moi ..... Magnifique travail

j'ai utilisé ton code pour avoir l'heure mais voulu faire trop vite

je l'ai mis direct dans une fenetre Texte/HTML erreur je pense

car depuis dans ce design en mode edition (et seulement celui ou rajouté l'heure en mode bourin les autre pas de soucis ...) je n'ai plus le click droit

donc je plus rien changer ou surtout retirer !!!

de plus des que je suis sur ce design j'ai un message :
Erreur lors de la connexion à jeedom : Token d'accès invalide

mais que sur ce design !

je ne sais pas si c'est lié mais si vous avez une idée !!

toma a écrit :Salut

je suis ce post depuis un moment et il grande source d'inspiration pour moi ..... Magnifique travail

j'ai utilisé ton code pour avoir l'heure mais voulu faire trop vite
je l'ai mis direct dans une fenetre Texte/HTML erreur je pense

car depuis dans design en mode edition et je n'ai plus le click droit donc je plus rien changer ou surtout retirer !!!

je ne sais pas si c'est lié mais si vous avez une idée !!

Salut,
Tu peux regarder ici
viewtopic.php?t=28530

Envoyé de mon Nexus 5X en utilisant Tapatalk

oki merci

je vais donc remettre le backup de hier soir ca sera plus simple

Bonsoir
je viens d'attaquer à installer cela sur mon jeedom, pour un novice et non geek comme moi c'est pas de la tarte
mais encore merci et un grand bravo pour tout ce travail

Pfiou un grand merci. j'ai un peu galéré au début mais maintenant j'ai un beau thème grâce à toi et aux contributions

Bonjour,

Voila je partage mes ecrans de design. Merci a tous pour le support.

La suite :

: 2017-09-04 11_05_47-Plan - Jeedom.png (486.08 Kio) Consulté 2597 fois

: 2017-09-04 11_06_08-Plan - Jeedom.png (611.06 Kio) Consulté 2597 fois

: 2017-09-04 11_06_37-Plan - Jeedom.png (529.16 Kio) Consulté 2597 fois

Beau design

Merci je trouve ca toujours sympa ce genre de partage. Vos designs m'ont beaucoup inspiré ! Merci

Bonjour, j'y vais aussi de mon modeste dashboard, l'essentiel pour moi était d'avoir les infos essentielles sur la première page. Merci à F$B33 ainsi qu'aux dev, ils reconnaîtrons forcément leurs contributions.

Franck54550 a écrit :Bonjour, j'y vais aussi de mon modeste dashboard, l'essentiel pour moi était d'avoir les infos essentielles sur la première page. Merci à F$B33 ainsi qu'aux dev, ils reconnaîtrons forcément leurs contributions.

Jolie design. Bravo.
Comment as-tu réduit la taille de l'horloge en haut à droite ? Tu pourrais mettre ton code ici ?

Envoyé de mon iPhone en utilisant Tapatalk

Forum Communauté Jeedom

[Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33

Re: [Présentation] F$B33