Design F$B333 avec centralisation

j’avais pas trop le choix, la prise de changement devait être en bas pour entrer par le support en Bois

C’est encore plus simple avec le plug-in HTML de la V4, il y a un post a ce sujet par le créateur

https://community.jeedom.com/t/besoin-daide-pour-ajouter-un-menu-toggle/

Bonjour

Le lien pour le design de F$B33 sur le premier post semble mort et une recherche sur l’ancien forum n’a rien donné non plus. Quelqu’un aurait un lien vers le tuto d’installation?

Merci

Antoine

Le lien source n’existe plus en effet mais tu as les codes sur le premier poste

Ok, mais je ne sais pas quoi en faire de tout ce code :disappointed:

Hello

voici les sources
https://dl4free.com/?2tysj57jlhf3mh8cx86x
ou
https://1fichier.com/?p727ay54pa2nhgfk7h4v

Toutes les infos sont données portant, le premier code à mettre dans un fichier dans un répertoire montheme et l’autre à mettre dans un élément texte du design

Peut être que ça pourrait vous aider :

Bonsoir,
J’ai suivi ton tuto mais mon menu s’affiche pas, je début dans jeedom, pas images pourtant le dossier images est la. Je l’utilise avec l’original Design F$B33, peut être un paramètre qui me manque.

Bonjour, cela va être difficile d’obtenir de l’aide avec si peu d’information, faudrait développer

Oui pardon, ça me donne cela bizard j’ai du louper un truc:

Les deux autres fichiers m_perso.css et perso.css sont mon theme original du design F$B33 qui fonctionne.

Cordialement.

je comprends pas, tu as bien ton menu et ta fenetre qui s’affichent sur la dernière image, c’est quoi la différence avec l’image du haut ? tu as changé le code d’un des fichiers ?

oui c’est celui de l’article que je voulais essayer et ça me donne la 1er image.

Il faut vérifier que les noms des images sont conformes, attention a la casse

Et que les droits et owner/groupe sont ok

Mais si tu as réussi à faire fonctionner les scripts d’origines, ça devrait fonctionner avec mes modifications pour la centralisation

j’ai tous repris est trouver mon erreur, fichier mal nommée. Merci.

2 « J'aime »

Bonjour comment faites vous certains pour faire des petits cadres arrondi ?
Merci

dans le CSS du cadre il suffit de lui dire de mettre de bord arrondie, recherche sur Google ça va te donner le code à mettre

Bonjour, je suis entrain de mettre un design en place et je n’arrive pas a supprimer une petite bande sur le menu .
J’ai essayer plusieurs modif sur le css mais je trouve pas .

Et voici le css que j’utilise :

div.menu_top
{
	width:800px;
	height:70px;
	background-color:rgba(0,0,0,0.6);
	border-bottom:2px solid rgba(0,0,0,1);

}
ul.monmenu
{
	width:800px;
   	margin: 0 auto;
}

ul.monmenu ul.monmenu_sep
{

	list-style-type:none;
	color:rgba(255,255,255,0.8);
	font-family:Roboto;
	font-size: 16px;
	font-weight: normal;
}

li.monmenu
{

	display:inline-block;
	width: 80px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.2);
}
div.selected
{

    text-align: center;
    margin-bottom: 5px;
    opacity: 0.8;
  
}
div.imagette
{

	text-align: center;
	margin-bottom: 5px;
	opacity: 0.8;

}

li.monmenu:hover{

	background-color: rgba(255,255,255,0.2);
}

li.selected{
	display:inline-block;
	width: 10px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;
	border-left: 1px solid rgba(255,255,255,0.3);
	border-right: 1px solid rgba(255,255,255,0.3);
	background-color: rgba(255,255,255,0.2);
}

li.monmenu_sep
{

	display:inline-block;
	width: 80px;
	margin-left: -5px;
	text-align: center;
	height: 70px;
	padding-top: 10px;

	border-right: 1px solid rgba(0,0,0,0.3);

}

div.bouton{

	opacity: 1.5;

}

div.bouton:hover
{

	opacity: 0.5;
}

Si quelqu’un a une idée
Merci

J’en fais un pour un écran de 7 pouces, sur mon autre design je n’ai pas ce souci.
Pour le design avec le json il ne correspond pas a mets besoin , je veux pouvoir adapter mes menu de chaque design sur ce 7 pouces

1 « J'aime »

Bonjour Roro29,

Je trouve ton design vraiment top bravo.
Est-ce que pourrait partager soit ton design ou toutes tes images présentes donc ton thème s’il te plait ?

Cordialement Nicolas

Bonjour,

Je cherche à réduire la barre de mon menu pour la mettre en 1024p.
je suis sur que c’est tout bête mais je sèche…

Merci d’avance.

Hello @Thomas74150,

Si tu as bien utilisé la dernière version de @noodom, il te suffit de modifier ton fichier perso.json dans le répertoire html/montheme/menuJsonFsb33Frame/

Paramètre « menu_width » (ici à 1024px)

{
    ...
    "parameters": {
        "menu_x": "0px",
        "menu_y": "0px",
        "menu_width": "1024px",
        "menu_height": "80px",
        "content_x": "0px",
        "content_y": "0px",
        "content_width": "1280px",
        "content_height": "1000px"
    }
}

Xav