Page 22 sur 62

Re: [Présentation] F$B33

Publié : 23 août 2017, 14:33
par carmelo42
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 ?

Re: [Présentation] F$B33

Publié : 23 août 2017, 14:54
par kaktusatomik
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

Re: [Présentation] F$B33

Publié : 24 août 2017, 08:18
par Pharmbattle
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é 1593 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

Re: [Présentation] F$B33

Publié : 24 août 2017, 08:30
par carmelo42
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 :)

Re: [Présentation] F$B33

Publié : 24 août 2017, 22:16
par noBru77
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.

Re: [Présentation] F$B33

Publié : 27 août 2017, 09:31
par dcjona
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

Re: [Présentation] F$B33

Publié : 28 août 2017, 23:46
par Bono2007
Merci pour le tuto, pas simple à trouver, perdu au milieu du forum.
Appliqué, et apprécié !

Re: [Présentation] F$B33

Publié : 29 août 2017, 11:14
par vincecoco
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

Re: [Présentation] F$B33

Publié : 29 août 2017, 11:20
par noBru77
Dans le fichier perso.css, section li.monmenu, tu modifies le margin-left: -5px en -40px pour ne plus avoir de marge à gauche.

Re: [Présentation] F$B33

Publié : 29 août 2017, 23:01
par toma
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 !!

Re: [Présentation] F$B33

Publié : 29 août 2017, 23:06
par kaktusatomik
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


Re: [Présentation] F$B33

Publié : 29 août 2017, 23:17
par toma
oki merci

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

Re: [Présentation] F$B33

Publié : 30 août 2017, 23:25
par pitch
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

Re: [Présentation] F$B33

Publié : 01 sept. 2017, 16:40
par Lindo
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

Re: [Présentation] F$B33

Publié : 04 sept. 2017, 11:55
par ouquoi
Bonjour,

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

Re: [Présentation] F$B33

Publié : 04 sept. 2017, 11:56
par ouquoi
La suite :
2017-09-04 11_05_47-Plan - Jeedom.png
2017-09-04 11_05_47-Plan - Jeedom.png (486.08 Kio) Consulté 1166 fois
2017-09-04 11_06_08-Plan - Jeedom.png
2017-09-04 11_06_08-Plan - Jeedom.png (611.06 Kio) Consulté 1166 fois
2017-09-04 11_06_37-Plan - Jeedom.png
2017-09-04 11_06_37-Plan - Jeedom.png (529.16 Kio) Consulté 1166 fois

Re: [Présentation] F$B33

Publié : 04 sept. 2017, 12:57
par wasabi
Beau design ;)

Re: [Présentation] F$B33

Publié : 04 sept. 2017, 13:10
par ouquoi
Merci je trouve ca toujours sympa ce genre de partage. Vos designs m'ont beaucoup inspiré ! Merci

Re: [Présentation] F$B33

Publié : 05 sept. 2017, 20:23
par Franck54550
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.

Re: [Présentation] F$B33

Publié : 06 sept. 2017, 01:12
par noBru77
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