Ce Forum passera en lecture seule en janvier 2020
Image
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

[Présentation] F$B33

JEEDOM et vous! Venez vous présenter et préseter votre installation domotique JEEDOM
Steph13
Timide
Messages : 164
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: [Présentation] F$B33

Message par Steph13 » 12 déc. 2017, 16:02

Bonjour si ça peux aider, je ne suis pas un pro de photoshop.

Attention blanc sur fond blanc.
Pièces jointes
icon_rdc.png
icon_rdc.png (10.08 Kio) Consulté 1987 fois
icon_etage.png
icon_etage.png (8.79 Kio) Consulté 1987 fois
Rpi2 - Jeedom Maitre
En cours : Nuc8i5 VM Jeedom...
Module RFXCom-Zwave-IPX800v4

reyur
Timide
Messages : 35
Inscription : 29 mars 2017, 20:57

Re: [Présentation] F$B33

Message par reyur » 13 déc. 2017, 08:59

Salut.
Merci pour vos réponses, je crois que c'est ce que je vais faire (trouver un autre pack complet).

Bonne journée,

Reyur

reyur
Timide
Messages : 35
Inscription : 29 mars 2017, 20:57

Re: [Présentation] F$B33

Message par reyur » 14 déc. 2017, 23:12

Steph13 a écrit :
12 déc. 2017, 16:02
Bonjour si ça peux aider, je ne suis pas un pro de photoshop.
Hello Steph13 !
Je ne sais pas comment j'ai fait, mais j'ai réussi à répondre en passant à côté de ta réponse !
Franchement, super sympa pour les logos, merci d'avoir pris du temps :)

Bonne soirée!

Reyur

Steph13
Timide
Messages : 164
Inscription : 25 oct. 2015, 22:19
Localisation : Puyloubier

Re: [Présentation] F$B33

Message par Steph13 » 16 déc. 2017, 09:22

[/quote]

Hello Steph13 !
Je ne sais pas comment j'ai fait, mais j'ai réussi à répondre en passant à côté de ta réponse !
Franchement, super sympa pour les logos, merci d'avoir pris du temps :)

Bonne soirée!

Reyur
[/quote]

Aucun problème.
J'en ai fait d'autres si d'autres personnes sont intéressées :
Pièces jointes
icon_piscine.png
icon_piscine.png (10.78 Kio) Consulté 1860 fois
icon_clim.png
icon_clim.png (10.89 Kio) Consulté 1860 fois
icon_arrosage.png
icon_arrosage.png (11.74 Kio) Consulté 1860 fois
Rpi2 - Jeedom Maitre
En cours : Nuc8i5 VM Jeedom...
Module RFXCom-Zwave-IPX800v4

guims78
Actif
Messages : 509
Inscription : 30 sept. 2017, 13:00

Re: [Présentation] F$B33

Message par guims78 » 17 déc. 2017, 18:18

Bonjour,
j'utilise le code suivant dans mon design (Merci aux différents contributeur ;-) ) :

Code : Tout sélectionner

<div style="position : relative; border: 1px solid #CCC; min-height: 100%; border-radius: 0px 0px 10px 10px;
background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a69f00f4',GradientType=1 ); ">
        
    <div style=" position : relative; min-height: 100%;  margin: 0 auto;  padding-bottom: 0; width: 100%;">
    
        <div style="height:50px; width:50px; position:absolute; margin-top:0px; margin-left:0px; max-width:100%; height:auto;">
        
        <img src="montheme/images/icon_sdb.png" height="50" width="50">
        
        </div>
       
            <div align=right style="padding-top: 10px; padding-right:20px; font-size:20px;  height:50px;  font-family:Arial;  font-weight:normal; color: #000;
            background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.8) 49%, rgba(255,255,255,0.5) 70%);
            background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0.5) 70%);
            background: linear-gradient(to right, rgba(0,0,0,0.3) 0%,rgba(255,255,255,0.8) 49%,rgba(255,255,255,0.5) 70%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=1 );">
            	
            SALLE DE BAIN
            
            </div>
    </div>
</div>
Mais je n'arrive pas à voir où le modifier pour que je puisse placer l'icone ou je veux et pas seulement à gauche du cadre.

tonnerre33
Timide
Messages : 176
Inscription : 28 déc. 2015, 15:44
Localisation : Bordeaux

Re: [Présentation] F$B33

Message par tonnerre33 » 18 déc. 2017, 15:24

Salut,

Il faut que tu modifies ta <div style="height:50px; width:50px; en y ajoutant right : {nombrepixel} px si tu veux partir de la droite ou left : {nombrepixel} px pour la gauche.
Par exemple pour mettre ton icone à droite j'ai ajouté right : 5px

guims78
Actif
Messages : 509
Inscription : 30 sept. 2017, 13:00

Re: [Présentation] F$B33

Message par guims78 » 18 déc. 2017, 17:39

Merci beaucoup, je teste ça.

jpcolin
Timide
Messages : 99
Inscription : 27 janv. 2017, 15:22

Re: [Présentation] F$B33

Message par jpcolin » 09 janv. 2018, 20:54

Bonsoir,

J'ai besoin d'un petit coup de main, je suis parti sur le modèle de menu comme dans le premier post, mais j'aimerais avoir les "boutons" alignés sur la gauche, donc pas d'espace a gauche du premier bouton mais directement le premier bouton et le reste des boutons qui se suivent, qqn peut m'aider, j'ai essayé de tout mais sans succes.

Merci
Installation myhome bticino/legrand éclairage, volet, chauffage. Alarme Paradox Evo192 + ip 150, NAS synology DS410, 3 Rpi 3 Kodi, SONOS multiroom 3 connect + 5 amp + 1x One, camera + Dahua 3200C, Jeedom V3 sous Rpi2, Amazon Alexa Dot.

tonnerre33
Timide
Messages : 176
Inscription : 28 déc. 2015, 15:44
Localisation : Bordeaux

Re: [Présentation] F$B33

Message par tonnerre33 » 09 janv. 2018, 21:30

Bonsoir,

essaye d'ajouter ce code dans ton fichier css :

Code : Tout sélectionner

ul.monmenu {
	padding-left:0px;
}

jpcolin
Timide
Messages : 99
Inscription : 27 janv. 2017, 15:22

Re: [Présentation] F$B33

Message par jpcolin » 10 janv. 2018, 07:34

tonnerre33 a écrit :
09 janv. 2018, 21:30
Bonsoir,

essaye d'ajouter ce code dans ton fichier css :

Code : Tout sélectionner

ul.monmenu {
	padding-left:0px;
}
Merci,

Désolé j'ai continué à chercher entre temps et j'ai trouvé, j'avais pas mis en ui et pas en ul!
Installation myhome bticino/legrand éclairage, volet, chauffage. Alarme Paradox Evo192 + ip 150, NAS synology DS410, 3 Rpi 3 Kodi, SONOS multiroom 3 connect + 5 amp + 1x One, camera + Dahua 3200C, Jeedom V3 sous Rpi2, Amazon Alexa Dot.

Ottawh
Timide
Messages : 6
Inscription : 22 oct. 2017, 16:34

Re: [Présentation] F$B33

Message par Ottawh » 19 janv. 2018, 11:02

Hello,

J'ai un petit problème, lorsque je crée un design, je fais clique droit éditer, clique droit "ajouter text/html", clique doit sur la nouvelle fenêtre et je colle le contenue de cadre.html
=> j'enregistre et rien ne s'affiche.

Quelqu'un a une astuce ?

Merci

edit : je collais tout le contenue alors qu'il en fallait coller qu'une partie spécifique...
Dernière édition par Ottawh le 19 janv. 2018, 12:24, édité 1 fois.

f6dmn
Timide
Messages : 211
Inscription : 01 mars 2015, 10:43
Localisation : orne

Re: [Présentation] F$B33

Message par f6dmn » 19 janv. 2018, 12:17

il faut rentrer dans "planHeader_id=ID DU PLAN" l’identité Jeedom du Design (exempleID24) ça donnera "planHeader_id=ID24".

Ottawh
Timide
Messages : 6
Inscription : 22 oct. 2017, 16:34

Re: [Présentation] F$B33

Message par Ottawh » 19 janv. 2018, 12:26

En fait je collais le fichier entier... j'ai compris comment ça fonctionne ;)

Du coup j'ai j'avais aussi fait de la merde en collant le dossier montheme sur le Rpi, j'ai supprimé le dossier 3rdparty à la racine.... on ne s'ennuie pas quand on s'amuse :p

Pasc_l
Timide
Messages : 2
Inscription : 21 janv. 2018, 20:28

Re: [Présentation] F$B33

Message par Pasc_l » 21 janv. 2018, 20:44

Bonjour
Excusez moi pour cette question de débutant mais je le suis vraiment.
J'aimerais faire le changement de l'arrière plan avec un bouton et une petite icone type engrenage qui appelle un nouveau design comme F$B33 l'a expliqué mais je n'y arrive pas.
Et félicitation a tous vos visuels sont magnifiques
Bonne soirée

Swatmorpheus
Actif
Messages : 919
Inscription : 23 avr. 2015, 14:38
Localisation : Haute Gironde

Re: [Présentation] F$B33

Message par Swatmorpheus » 22 janv. 2018, 10:39

@ Pasc_l: qu'est ce tu n'arrives pas ?
tu as bien créés le fichier .css ? tu as bien inséré un texte/html dans ton design et copier le code ?? tu as bien récupéré les icônes et mis dans un répertoire créé ?? les liens de tes icônes ont bien le bon chemin ? le chemins qui pointe vers les pages de tes design ont bien le bon ID de tes pages ? car sans infos on pourra pas faire gd choses pour t'aider
Prod: jeedom V3.2.12 DIY RPI3 + Zwave (fibaro) + Zigbee (xiaomi) + IPXV4 + X4VR
AppleTV4k
PI3 : Max2play
PiZéro: PiCoreplayer
Mini+: OpenElec 7.0.1 Kodi 16.1 Jarvis
En préinstall pour migration: Nuc hystou ,ESXi6.7,jeedom V3.2.12, LMS ,Owncloud

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: [Présentation] F$B33

Message par Theduck38 » 22 janv. 2018, 18:59

@F$B33, je joins ma voix aux milliers de chœurs qui t'acclament et scanderont ton nom jusqu'à la fin des temps !!!
Après avoir lu les 35 pages du sujet (si, si, et j'ai même pris des notes !), j'ai récupéré et installé ton template sans problème, grâce au tuto vidéo qui m'a beaucoup aidé (je n'y connais rien en .css, mais j'apprends...).
C'est vraiment pratique et bien présenté.

Bon il me reste tout le mode design à découvrir et le rendu à concevoir, mais je pars avec une bonne base. Donc un grand MERCI !
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

Pasc_l
Timide
Messages : 2
Inscription : 21 janv. 2018, 20:28

Re: [Présentation] F$B33

Message par Pasc_l » 23 janv. 2018, 00:00

@Swatmorpheus
Merci pour ta réponse
Je ne cherche pas a faire un changement automatique de fond d'écran en fonction de la météo.
Je veux juste savoir comment créer le bouton avec une icone paramètre par exemple qui appel le formulaire pour choisir une images dans le répertoire pour changer le fond d'écran.
C'est la toute première évolution de son thème.

J'ai bien copié les fichiers copy.php, wall.css, Wall_conf.php dans core/img/plan/
J'ai ajouté un dossier Images : core/img/plan/Images pour y déposer mes fonds d'écran.

A partir du bouton dans le design il faut ouvrir Wall_conf.php dans le même onglet je pense mais je débute vraiment et la ???

Cordialement
Pascal

Swatmorpheus
Actif
Messages : 919
Inscription : 23 avr. 2015, 14:38
Localisation : Haute Gironde

Re: [Présentation] F$B33

Message par Swatmorpheus » 27 janv. 2018, 14:14

@Pascal: Justement tu te mélanges les pinceaux , wall.php c'est pour le changement de fond d'écran avec la météo, lis bien le premier post et regarde sa video YT, y'a 2 partie ( la 1ere avec comment faire le menu etc et la 2e comment faire le fond d'écran), en gros ton dossier montheme/images avec les icones et le fichier .css dedans et tu copies colles dans un texte/html dans le design le code menu.html ( tu l'ouvres avec sublimtext par ex et tu auras le code). voila pour ton menu après pour les cadres transparents c'est la même chose mais avec le code cadre. Ce qu'il faut faire est marqué dans le code tu verras
Prod: jeedom V3.2.12 DIY RPI3 + Zwave (fibaro) + Zigbee (xiaomi) + IPXV4 + X4VR
AppleTV4k
PI3 : Max2play
PiZéro: PiCoreplayer
Mini+: OpenElec 7.0.1 Kodi 16.1 Jarvis
En préinstall pour migration: Nuc hystou ,ESXi6.7,jeedom V3.2.12, LMS ,Owncloud

Avatar de l’utilisateur
Theduck38
Helper
Messages : 2714
Inscription : 22 févr. 2015, 17:32
Localisation : Près de Grenoble
Contact :

Re: [Présentation] F$B33

Message par Theduck38 » 28 janv. 2018, 21:08

Allez, je poste mon écran d'accueil, en cours de réalisation... rien de nouveau dans ce fil, mais j'en suis très content.
J'ai récupéré des morceaux à droite et à gauche, les contributeurs se reconnaîtront. Merci à tous !!!
Design.jpg
Design.jpg (199.54 Kio) Consulté 1065 fois
-- TD38 --
Helper Officiel Jeedom
Zimeteo sur Jeedom : http://www.meteo.lecoin.info
Jeedom Stable sur serveur custom
Le risque électrique - Afficheur leds RGB - Tablette Murale - Thermostat connecté

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

Re: [Présentation] F$B33

Message par ouquoi » 29 janv. 2018, 23:31

Theduck38 a écrit :Allez, je poste mon écran d'accueil, en cours de réalisation... rien de nouveau dans ce fil, mais j'en suis très content.
J'ai récupéré des morceaux à droite et à gauche, les contributeurs se reconnaîtront. Merci à tous !!!
Design.jpg
Jolie ! On attends les autres

Envoyé avec tapatalk

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 !

Répondre

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

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités