Comme annoncé, ce forum est passé en lecture seule au 1er janvier 2020. Désormais nous vous invitons à vous rendre sur notre nouvelle page communauté :
Image

A très bientôt !

[Présentation] F$B33

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
carmelo42
Timide
Messages : 170
Inscription : 20 nov. 2015, 12:25

Re: [Présentation] F$B33

Message par carmelo42 » 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 ?

kaktusatomik
Timide
Messages : 119
Inscription : 04 déc. 2015, 21:48
Localisation : La Rochelle

Re: [Présentation] F$B33

Message par kaktusatomik » 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

Pharmbattle
Timide
Messages : 132
Inscription : 06 sept. 2015, 15:40

Re: [Présentation] F$B33

Message par Pharmbattle » 24 août 2017, 08:18

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
Capture d’écran 2017-08-24 à 08.08.25.png (176.17 Kio) Consulté 2991 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

carmelo42
Timide
Messages : 170
Inscription : 20 nov. 2015, 12:25

Re: [Présentation] F$B33

Message par carmelo42 » 24 août 2017, 08:30

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 :)

Avatar de l’utilisateur
noBru77
Timide
Messages : 359
Inscription : 11 oct. 2016, 00:41

Re: [Présentation] F$B33

Message par noBru77 » 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.

Avatar de l’utilisateur
dcjona
Actif
Messages : 1547
Inscription : 16 juil. 2017, 11:06

Re: [Présentation] F$B33

Message par dcjona » 27 août 2017, 09:31

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 :

Image

Icone TV :

Image

Icone Température avec le rond autour :

Image

Icone détection avec le rond autour :

Image

Et voici ce que cela donne :

Image

Image

Avatar de l’utilisateur
Bono2007
Timide
Messages : 182
Inscription : 27 août 2014, 19:47

Re: [Présentation] F$B33

Message par Bono2007 » 28 août 2017, 23:46

Merci pour le tuto, pas simple à trouver, perdu au milieu du forum.
Appliqué, et apprécié !
Jeedom VM + RFXCom + Z-wave + blea sur Proxmox VE
5 volets Somfy – prises AN158 – Wallplugs – OWL CM180 – compteurs d'eau Gianola – Oeil FGMS001 – Eco-Device – sondes THGR810 - FGS 212 - FGBS321 - DS18B20 - ESCAM Pearl QF100 IP[/size]

vincecoco
Actif
Messages : 1181
Inscription : 12 oct. 2015, 09:31

Re: [Présentation] F$B33

Message par vincecoco » 29 août 2017, 11:14

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

Avatar de l’utilisateur
noBru77
Timide
Messages : 359
Inscription : 11 oct. 2016, 00:41

Re: [Présentation] F$B33

Message par noBru77 » 29 août 2017, 11:20

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

Avatar de l’utilisateur
toma
Timide
Messages : 452
Inscription : 07 oct. 2014, 23:29
Localisation : Haute Savoie

Re: [Présentation] F$B33

Message par toma » 29 août 2017, 23:01

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 :mrgreen: :oops:
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 :o :shock: 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 !!
Dernière édition par toma le 29 août 2017, 23:14, édité 1 fois.
Freebox mini - Synology DS214 - APC UPS BX700FR - Lametric
RPI 2 + PiDrive + Hue x 6 lumières, Ecodevice, 2x wall-plug + 2x FGK-105 + 4x FGSD-002 + 1x FGS-211, Xiaomi + 6xT° + 3xcapteurs portes+ yeelight + 2x motion, GH mini

kaktusatomik
Timide
Messages : 119
Inscription : 04 déc. 2015, 21:48
Localisation : La Rochelle

Re: [Présentation] F$B33

Message par kaktusatomik » 29 août 2017, 23:06

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 :mrgreen: :oops:
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 :o :shock: 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


Avatar de l’utilisateur
toma
Timide
Messages : 452
Inscription : 07 oct. 2014, 23:29
Localisation : Haute Savoie

Re: [Présentation] F$B33

Message par toma » 29 août 2017, 23:17

oki merci

je vais donc remettre le backup de hier soir ca sera plus simple :-)
Freebox mini - Synology DS214 - APC UPS BX700FR - Lametric
RPI 2 + PiDrive + Hue x 6 lumières, Ecodevice, 2x wall-plug + 2x FGK-105 + 4x FGSD-002 + 1x FGS-211, Xiaomi + 6xT° + 3xcapteurs portes+ yeelight + 2x motion, GH mini

pitch
Timide
Messages : 16
Inscription : 10 févr. 2017, 17:04
Localisation : entrée de la Maurienne SAVOIE

Re: [Présentation] F$B33

Message par pitch » 30 août 2017, 23:25

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

Lindo
Timide
Messages : 16
Inscription : 30 déc. 2016, 12:01

Re: [Présentation] F$B33

Message par Lindo » 01 sept. 2017, 16:40

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

ouquoi
Timide
Messages : 469
Inscription : 29 janv. 2016, 09:50

Re: [Présentation] F$B33

Message par ouquoi » 04 sept. 2017, 11:55

Bonjour,

Voila je partage mes ecrans de design. Merci a tous pour le support.
Pièces jointes
2017-09-04 11_07_15-Plan - Jeedom.png
2017-09-04 11_07_15-Plan - Jeedom.png (596.99 Kio) Consulté 2565 fois
2017-09-04 11_05_29-Plan - Jeedom.png
2017-09-04 11_05_29-Plan - Jeedom.png (502.52 Kio) Consulté 2565 fois
2017-09-04 11_06_59-Plan - Jeedom.png
2017-09-04 11_06_59-Plan - Jeedom.png (532.34 Kio) Consulté 2565 fois
RPI3 - AEON LABS Z-Wave (GEN5) - Oeil fibaro - Synology Nas - Webcam ip - Minix Neo z64 - Broadlink RM PRO - Xiaomi Home - Yeelight - Nut mini

Life is sharing , Sharing is life !

ouquoi
Timide
Messages : 469
Inscription : 29 janv. 2016, 09:50

Re: [Présentation] F$B33

Message par ouquoi » 04 sept. 2017, 11:56

La suite :
2017-09-04 11_05_47-Plan - Jeedom.png
2017-09-04 11_05_47-Plan - Jeedom.png (486.08 Kio) Consulté 2564 fois
2017-09-04 11_06_08-Plan - Jeedom.png
2017-09-04 11_06_08-Plan - Jeedom.png (611.06 Kio) Consulté 2564 fois
2017-09-04 11_06_37-Plan - Jeedom.png
2017-09-04 11_06_37-Plan - Jeedom.png (529.16 Kio) Consulté 2564 fois
RPI3 - AEON LABS Z-Wave (GEN5) - Oeil fibaro - Synology Nas - Webcam ip - Minix Neo z64 - Broadlink RM PRO - Xiaomi Home - Yeelight - Nut mini

Life is sharing , Sharing is life !

wasabi
Timide
Messages : 166
Inscription : 28 avr. 2015, 22:14
Localisation : Belgique

Re: [Présentation] F$B33

Message par wasabi » 04 sept. 2017, 12:57

Beau design ;)
Jeedom 4.0.19| Service Pack Power| DIY RPI3 Raspbian Stretch + SSD :
- Clé Aeon Labs Gen5
- Fibaro FGDW-002, FGMS-001, FGWPE-102, FGSD-002, Fibaro RGB
- IPX800-V4 + X4VR
- Doorbird

ouquoi
Timide
Messages : 469
Inscription : 29 janv. 2016, 09:50

Re: [Présentation] F$B33

Message par ouquoi » 04 sept. 2017, 13:10

Merci je trouve ca toujours sympa ce genre de partage. Vos designs m'ont beaucoup inspiré ! Merci
RPI3 - AEON LABS Z-Wave (GEN5) - Oeil fibaro - Synology Nas - Webcam ip - Minix Neo z64 - Broadlink RM PRO - Xiaomi Home - Yeelight - Nut mini

Life is sharing , Sharing is life !

Franck54550
Timide
Messages : 103
Inscription : 19 janv. 2017, 20:40
Localisation : Nancy

Re: [Présentation] F$B33

Message par Franck54550 » 05 sept. 2017, 20:23

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.
Pièces jointes
Dash-ConvertImage.png
Dash-ConvertImage.png (399.02 Kio) Consulté 2462 fois
DIY RPI 3 B / SSD : Jeedom 3.3.x / Strecth

Avatar de l’utilisateur
noBru77
Timide
Messages : 359
Inscription : 11 oct. 2016, 00:41

Re: [Présentation] F$B33

Message par noBru77 » 06 sept. 2017, 01:12

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

Répondre

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

Qui est en ligne ?

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