Forum - GuppY 6 - Menu déroulant
Bonjour,
Dans le site https://iso.espace63.fr je souhaiterai quelques réglages concernant la config des menus déroulants suite à la migration en version6
1) Arrondis des options de menus déroulants
2) La largeur des sous options sont identiques, est-ce possible de les adapter suivant la longueur du titre
3) Le titre de la boîte du menu déroulant (Association CLE) est dans le même alignement que les options de menus alors qu'en version5 c'était au-dessus avec du texte en blanc: voir https://www.clecham.fr
4) Dans le menu La vie de CLE/Les événements en photos la barre des menus icônes apparaît avec perte des menus déroulants et décalage du logo.
5) dans le menu Activités/ En 2020/2021/Planning l'onglet texte est transparent il ne s'affiche que si l'on met le curseur.
D'avance merci pour votre aide.
Cordialement
Robin
Robin
| [ 1 2 ] |
Bonjour,
Pour la énième fois, les menus déroulants de la V6 sont différents de ceux de la V5, ce sont ceux de Bootstrap.
Pour adapter une skin V5 pour la V6, sur ce lien, il y a un tuto rapide, il faudrait le relire, je trouve un styleplus.css pour la V5 et un mobstyle.css pour la V5 totalement inadaptés pour la V6.
Pour l'affichage des pages secondaires, la configuration doit être personnalisée dans le fichier stylepageX.css correspondant à la page.
Pour une formation complète à Bootstrap, je conseille ce tutoriel très complet, bien fait et gratuit.
Cordialement, Papinou 
Bonjour,
Pour le menu DDH, tu peux essayer ceci dans le fichier styleplus.css :
.navbar.ddh a.navbar-brand {
border-radius: 6px;
padding: 5px !important;
}
.navbar.ddh .dropdown-item, .navbar.ddh .nav-item {
margin: 0 10px 5px 0 !important;
}
.navbar.ddh .btn-ddh, .navbar.ddh .nav-item a, .navbar.ddh .dropdown-menu > .dropdown-item a, .navbar.ddv .btn-ddv, .navbar.ddv .nav-item a, .navbar.ddv .dropdown-menu > .dropdown-item a {
border-radius: 6px;
}Pour le reste, je te renvoie à la documentation.
Cordialement, Papinou
Bonjour,
Je te remercie pour tout les conseils que tu m'apportes. Quant à Bootstrap je n'ai pas suffisamment les bases nécessaires pour m'y consacrer. Je prendrai en compte les annotations que tu envoies sur le forum, pour ma part c'est largement suffisant. Quant au site migré de V5 à V6 je préfère repartir sur une base saine de skin6 quitte à refaire entièrement le site, ce que j'ai fait avec la version 4 vers 5.
Cordialement
Robin
Robin
Bonjour
je serai preneur de vos fichiers style.css et styleplus.css
je vais me remettre au passage en version 6, non passée en prod jusqu'à présent,faute de temps et sans trouver le moyen de garder mon menu horizontal flottant ..
et pour Papinou, un grand merci à lui pour son implication pourn ous aidetr une ligne de commentaires serait le bienvenue pour ces instructions proposées, histoire de comprendre petit à petit Boostrap.
merci d'avance et bonne soirée à tous
Rectifié par Aramise le 04/06/2021 @ 20:37
Bonjour,
Le menu déroulant horizontal de Bootstrap n'est aussi simple que les précédents, les modifications proposées c'est plutôt du cas par cas suivant la taille, la position du menu.
J'avais commencé des recherches pour ton menu, je vais reprendre.
Avec GuppY 6, toutes les boîtes peuvent être fermées, des boites menu fermées sur la même ligne font un menu déroulant beaucoup plus simple à mettre en place.
Cordialement, Papinou