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

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

Re Bonjour,

Finalement avec la skin-papinou-p06 sur le site https://iso.espace63.fr/ c'est parfait, il me reste le header à changer. Merci Papinou pour tout tes conseils.

Cordialement

Robin

Robin

Bonjour,

J'ai trouvé une solution un peu barbare pour les titres trop long dans les menus déroulants. Mettre une balise retour à la ligne dans le titre trop long. Ca fonctionne..

Alankoz

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

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