Si vous voulez modifier l'aperçu du menu déroulant de la menu barre comme moi

Voici le code CSS

/*Menu barre */
.menubar_section ul{border-radius:0px 0px 5px 5px;}
.menubar_section ul { box-shadow: 5px 5px 20px #6581cb;
background-color: #6581cb;}
 
.menubar_section li:hover
{box-shadow:inset 0px 0px 0px black;}
.menubar_section li:last-child
{background:none;
     padding-left: 15px;
     padding-top: 6px;
    padding-bottom: 6px;
    background-color: #6581cb;
}
 
.menubar_section li
{color:#ffffff;margin-bottom:3px;     
    border:2px dotted #6581cb;
    margin: 1px 3px 1px 3px;
    box-shadow: 0px 0px 3px black;
    width: 200px;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size:16px;     
     background:none;
    background-color: #a4ceea;
 border-radius: 8px;
}

Il suffit de changer les codes couleurs en rouge et en jaune pour l'écriture

En rose fushia c'est pour le style de bordure et la grosseur du trait

Menu déroulant

Code à copier/coller

<div style="overflow-x; auto; overflow-y: auto; height: 200px; width: 250px; background-color: #xxxxxx; text-align: center; padding: 5px; border: 2px groove #xxxxxx;"> <p style="text-align: center;"><span style="font-size: 16pt;">Texte ici</span></p> </div>

 Vous pouvez modifier la taille de la fenêtre en changeant le chiffre de

Height (ici 200 px) = hauteur

Width (ici 250 px) = largeur

Code Css ascenseur

/* CSS ascenseur menu1 */
#menu1 {
height: 1500px;
overflow: auto;
}


/* CSS ascenseur menu2 */
#menu2 {
height: 1500px;
overflow: auto;
}

Vous pouvez modifier la taille en hauteur en changeant le chiffre en px (celui en mauve)

Vous pouvez trouver des conseils, des codes et des modèles sur les liens suivants

La Gentille Rebelle (Astuces)

La Gentille Rebelle (Kelkes Astuces déco pour Ekla)

Dalila et Manola (Cadres en HTML)

Manola (Code CSS)

Papyrock test

Bon il en existe pas mal d'autre, je vous donne ceux qui m'ont aidé au départ

Bonne journée

Isis