[TUTO noodom] nouveau menu nooNeumorphism

[chrisbutcher]

C’est bon, je viens de trouver mon erreur…
Le nom du répertoire était pas bon…
J’avais /Mytheme/menuNooNeumorphism/css/perso.css au lieu de /Mytheme/menuNeumorphism/css/perso.css

A un Noo près

Merci pour ton aide
C’est bon il charge bien le menu maintenant…

[chrisbutcher]

J’ai une autre question…
Est-il possible de mettre ce superbe menu à la vertical ?

[noodom]

Tout est possible, juste une question de temps et d’investissement😉
Il faudrait regarder du côté du css si c’est facilement adaptable, j’essaierai de jeter un œil mais peut-être pas tout de suite… et le css est souvent capricieux, il y a de quoi y perdre du temps😉

[chrisbutcher]

Oui, je comprends…
Je pensais que ce serait plus simple…

Merci en tout cas encore pour ton aide.

[noodom]

Coming soon…

Différentes versions possibles par simple paramétrage :

• "labelFirst" : "0" ou "1" dans le fichier Json /json/perso.json pour le choix de la position du label et des boutons
• choix automatique du menu vertical ou horizontal en fonction du rapport taille/hauteur du menu :

[noodom]

Avec un peu de retard, les dernières versions sont enfin dispos sur le github à la même adresse (reprendre les modifications de index.html, le contenu /json et /css) :

jeedom_menus/menuNooNeumorphism at master · noodom/jeedom_menus

Il est donc possible d’avoir un menu horizontal ou vertical (calculé automatiquement en fonction de la hauteur et de la largeur du menu définies dans le fichier perso.json avec les paramètres menu_width et menu_height

La position des boutons est aussi modifiable à l’aide du paramètre label_first : 1 pour le label avant les boutons du menu, 0 sinon.

Les différents rendus sont visibles dans le post précédent, avec les paramétrages suivants :

• menu horizontal, boutons du menu à droite :

"label_first": "1",
"menu_width":"1280px",
"menu_height":"80px",

• menu horizontal, boutons du menu à gauche :

"label_first": "0",
"menu_width":"1280px",
"menu_height":"80px",

• menu vertical, boutons du menu à droite :

"label_first": "1",
"menu_width":"100px",
"menu_height":"1000px",

• menu vertical, boutons du menu à gauche :

"label_first": "0",
"menu_width":"100px",
"menu_height":"1000px",

[bed31]

Super menu !
Est ce que quelqu’un connaitrait la couleur du background du menu pour aligne les couleurs de mes designs ?

Merci d’avance

[amelyfred]

Salut
Tu peux retrouver l’info dans le fichier css. Tiens ca doit être cela sauf si j’ai changé. #efeeee

[bed31]

Merci je teste asap

Et bonne année !

[starz91]

Bonjour et bonne année.
Merci pour le menu il me plait beaucoup.
J’ai cependant un problème pour le mettre à la vertical j’ai suivi les instructions correctement je pense mais je n’ai que les icones qui s’affiche assez compact.
une idée ?
merci

[noodom]

Helloo,

Tu peux regarder au niveau du debugger du navigateur (F12) et voir si tu as des erreurs de chargement.

Tu es sur quelle version de Jeedom ?

[noodom]

Helloo,

Pour la couleur de fond c’est bien ici dans les fichiers css.

.navul {
    …
    background-color: #efeeee;
    …
}

Mais tu risques d’avoir un rendu décevant car il y a les dégradés à gérer, comme ici par exemple :

.navul li:not(.logo) {
    …
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 4px 4px 6px 0 rgba(0, 0, 0, 0.1), -4px -4px 6px white;
    …
}

[starz91]

alors ça ne fonctionne plus là pourtant j’ai tout remis d’équerre

[noodom]

D’où vient ce fichier menu2.css ? Il n’est pas dans le menu.
Tu as renommé des fichiers ?
En cliquant dessus, tu dois voir d’où il est appelé.

[starz91]

j’ai un autre menu en test aussi sur ma page.
je n’ai pas renommé les fichiers mais bizarrement j’avais bien celui à l’horizontale.
ma version de jeedom est 4.1.28

[noodom]

Peut-être un pb dû au mélange de 2 menus sur une même page ? Un éventuel conflit ?

Je ne sais pas comment tu as construit tes pages pour afficher les 2 menus mais à la base, ce n’est pas prévu pour 2 menus. Donc à tester sur une page vide si tu as le même problème.

[starz91]

Bonjour noodom j’ai un peu avancé , tout est revenu dans l’ordre en repartant sur un design propre. j’ai bien le menu en horizontal que je vais gardé comme ça. il me reste juste un problème que je n’arrive pas à résoudre malgré la soluce en début de post : l’ascenseur visible à droite de mon design. (jeedom v4.1.28)

je ne comprend pas ou coller les lignes de codes.

[noodom]

Tu parles de cette solution ?

Une bande noire apparait dans le bas des designs dès la beta 4.1.19

Bonjour J’apporte ma pierre à l’édifice ayant également le problème en 4.1.20 sur un écran pi display officiel. Par ailleurs, à ce que j’ai pu voir sur un autre sujet, la taille de mon design est réglé à la taille de l’écran au pixel près, mais ça foire quand même J’ai solutionné de cette manière dans le menu personnalisation avancée : Javascript : $( document ).ready(function() { setTimeout(function(){ if((window.location.href.indexOf("p=plan") > -1)) { //Nouveau à c…

Il faut aller dans le menu Réglages / Système / Personnalisation avancée

[starz91]

@Une bande noire apparait dans le bas des designs dès la beta 4.1.19

/*Bugfix 4.1.20*/
.bugfix4120 {
  overflow: hidden !important;
  height: auto !important;
}

oui c’était cette solution. je viens de tester par ailleurs et j’ai toujours l’ascenseur. merci

[anon2259313]

Bonjour

Il faut également mettre le javascript, et bien cocher la case « activer » dans le menu de personnalisation.

Ctrl + F5 pour rafraichir le cache si besoin dans la page du design.