Page 49 sur 81

Re: [S'inspirer] Postez votre Plan / Design

Publié : 28 janv. 2018, 15:38
par jeewawa
benj29 a écrit :
28 janv. 2018, 14:16


Kesako, le petit séparateur ?


Là, je m'amuse à faire mes plans avec Cedar Architect....
Les petits séparateurs sont les gros traits gris entre les blocs.
Par exemple entre le menu de navigation et le bloc courbe éléctrique quotidienne.

Peux-tu mettre aussi le code des blocs ?

Pour ce qui est de la courbe, je ne vais même pas essayer ... trop complexe, même si j'aimerais bien avoir ça ...

Merci encore pour tes infos et bon courage pour les plans !

Re: [S'inspirer] Postez votre Plan / Design

Publié : 28 janv. 2018, 15:41
par benj29
Sincèrement c'est pas compliqué. Un simple fichier PHP à mettre à la racine de ton html et roule...
Les gros traits gris sont le thème de FB33$, tu as un post dédié pour ça ;).

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 02:54
par franckam6
Salut tous le monde et merci à tous ceux qui partagent leurs ressources sur le forum.
J'ai commencé un design pour une tablette murale (galaxy tab 4 ) qui doit s'afficher en plein écran.
Voila ce que ca donne .
Capture d’écran 2018-02-01 à 02.50.47.png
Capture d’écran 2018-02-01 à 02.50.47.png (345.4 Kio) Consulté 747 fois

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 08:31
par benj29
Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 13:32
par loc173
Image

MAJ avec la partie téléinfo réparée (enfin !).

Les pages "Musique" et "Télévision" sont en cours. J'ai d'ailleurs une question pour un expert : je ne souhaite pas utiliser le widget générique "squeezebox" mais l'adapter à mon design. Pour les commandes classiques, pas de problème. En revanche, je souhaiterai récupérer la <div> d'affichage de l'illustration du titre en cours. Quelqu'un aurait une idée sachant qu'il n'y a pas de commande associé dans Jeedom.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 13:36
par Vins222
@loc173
Design sobre elegant et efficace !!
Pourrais tu me dire quel widget / script tu utilise pour la police et pour tes widgets on / off ??
Encore bravo ;)


Envoyé de mon iPhone en utilisant Tapatalk

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 13:43
par benj29
Clair, sobre, simple et efficace !
Tu pourrais mettre les autres écrans ?

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 15:08
par romanais
benj29 a écrit :
01 févr. 2018, 08:31
Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.
Je suis grammar-nazi aussi, mais je me mets à la place de ceux qui font des fautes : ici par exemple, il manque un "l" à "pollution".
Mais la personne qui l'écrit comme ça, c'est qu'elle le fait de toute bonne foi, comment peut-elle savoir qu'il y a une faute sur ce mot ?
Donc dire qu'il y a des fautes oui, mais les corriger double-oui ;-)

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 16:05
par benj29
Ce n'était pas spécialement envers le design précédent, mais d'une manière générale.
Ma remarque était que j'ai du mal à comprendre comment plusieurs interlocuteurs dans une maison ne peuvent pas réagir à ce type de faute.
C'est d'ailleurs une même remarque pour l'alignement et la propreté graphique.

Simple remarque, il ne faut pas que cela devienne un sujet !

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 16:35
par franckam6
[quote=benj29 post_id=580301 time=1517470296 user_id=799
Hello,

Juste une remarque, si je puis me permettre, n'y voyez pas un reproche, mais je suis toujours choqué du nombre de fautes d'orthographe ou de syntaxe dans les designs... c'est quand même quelque chose que vous affichez aux yeux de tout le monde !

Une autre remarque aussi, j'attache énormément d'importance au centrage et au alignement. C'est vrai que sur ça, il manque le côté pad flèches pour bouger facilement les éléments d'un design. Il faut passer par des pourcentages et quelques notes et ça se fait très bien.
[/quote]

Je ne me vexe pas et suis d'accord avec vous, ma seule excuse c'est que je me consacre à Jeedom entre 23h et 3 h du matin, après de grosses journées de boulot et le temps pour la famille, donc moins d'attention pour l'orthographe et plus pour le côté technique.
Je vais donc de ce pas corriger tout ça.
Merci
Je suis preneur de toute aide pour l'alignement par pourcentage.
Cordialement

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 16:42
par boby412
franckam6 a écrit :Salut tous le monde et merci à tous ceux qui partagent leurs ressources sur le forum.
J'ai commencé un design pour une tablette murale (galaxy tab 4 ) qui doit s'afficher en plein écran.
Voila ce que ca donne .
Capture d’écran 2018-02-01 à 02.50.47.png
Bonjour Franck

Je suis fan de ton design franchement je sais même pas par où commencer pour arriver à un tel résultat est-ce qu’il y a quelque chose de simple

Ps: Sur le niveau Aspe je suis vraiment un débutant je suis preneur de toutes aides résultats merci


Envoyé de mon iPhone en utilisant Tapatalk

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 16:49
par benj29
C'est un peu le cas de tout le monde ici hein !
Pour l'alignement, c'est assez simple. Tu règles ton premier et tu reportes la même valeur Alignement X% sur les autres.
Pour le Y faut ajouter la hauteur de ton bloc, le traduire en % etc... bref oublie. Un réglage visuel... Mais là pareil, tu reportes la valeur %Y sur les autres blocs qui doivent être alignés verticalement.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 16:55
par franckam6
Ok je test ça, merci.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 17:04
par benj29
Si c'est pas clair, je te ferai des copies d'écran en exemple.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 17:16
par loc173
Créer un widget "GenONBtn" de type "action" sous-type "defaut" et y coller :

Code : Tout sélectionner

<head>
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
</head>
<div id="Power#id#" style="width:60px; min-height:30px;" class="cmd tooltips cmd-widget cursor" data-type="action" data-subtype="other" data-cmd_id="#id#">
  <center>
		<span style="font-size: 3em; font-weight: bold; margin-top:-90px;" class="action" id="iconPowerCmd#id#"></span>
	</center>
	<a style="font-family:Montserrat;font-weight:medium;" class="bouton1">ON</a>        
    <script>                                                                                                                                                                                                 
        $.include(['plugins/widget/core/template/dashboard/cmd.action.other.GenONBtn/bouton1.css'], function() {                                                                                                                                                                                                
        $('#Power#id#').on('click',function(){                                                                                                                    
            jeedom.cmd.execute({id: '#id#'});                                                                                                                                                                
        }); 
        });                                                                                                                                                                                                  
                                                                                                                                                                                                      
    </script>                                                                                                                                                                                                   
</div>
Puis dans le répertoire de ton widget, créer un fichier bouton1.css avec :

Code : Tout sélectionner

a.bouton1{
display: inline-block;
font-family:Montserrat, Arial;
font-weight: medium;
font-size: 0.8em;                                
width: 60px;                                    
height: 26px;                                    
padding-top: 5px; /*permet le centrage vertical*/
text-align: center;                              
color: #F5F5F5;                                     
background-color: #008080;  
border:1px solid #008080;
border-radius: 13px;
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
}
En fin, dupliquer ton widget "on" en "GenOFFBtn" et modifier ON en OFF dans la balise <a> du widget.

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 17:20
par Vins222
@loc173 : tu me régale !
Merci pour ton widget ;)
Pour la police générale tu dit avoir changer la font dans un post précédent ! Tu applique le script sur chaque widget ou de manière générale !??
En tout cas merci encore je partage le résultat dès que abouti ;)


Envoyé de mon iPhone en utilisant Tapatalk

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 17:23
par Thyer
Salut, beaucoup d'inspiration ici, merci pour le partage.
Je partage mon design , partie Multimédia. ;)
MULTIMEDIA.JPG
MULTIMEDIA.JPG (144.61 Kio) Consulté 636 fois
Et partie Squeezebox
sb.JPG
sb.JPG (150.53 Kio) Consulté 636 fois

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 18:05
par dcjona
Magnifique Thyer. Ça a encore évolué on dirait !


Envoyé de mon iPhone en utilisant Tapatalk

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 18:47
par Thyer
dcjona a écrit :
01 févr. 2018, 18:05
Magnifique Thyer. Ça a encore évolué on dirait !


Envoyé de mon iPhone en utilisant Tapatalk
Continuellement :D

Re: [S'inspirer] Postez votre Plan / Design

Publié : 01 févr. 2018, 20:14
par maxredphenix
Bonsoir Thyer,

Les icones de ton menu sot vraiment sympa.

Il serait possible de partager le pack ?

Merci d'avance :)