Dans ce tuto Jquery en vidéo, nous allons voir ensemble comment créer une InfoBox pour mettre en avant du contenu un peu comme une lightbox pour des images. Pour cela, nous prendrons exemple sur des conditions générales de vente qui seraient affichées en surimpression de votre site.

Déroulement du tuto popin jQuery :

• Résultat du tuto
• Création du bouton en HTML
• Création de l'InfoBox en HTML
• Stylisation de celle-ci en CSS
• Rendre scrollable le div contenant le contenu
• Ajouter le code Jquery pour faire une action au click sur le bouton
• Faire apparaître le fond noir puis l'InfoBox
• Faire l'inverse en créant une action sur la croix pour fermer le tout
• Ajouter un plugin Jquery pour personnaliser la scrollbar avec les CSS
• Modifier la couleur / le background de la scrollbar

Tout est fourni dans les sources pour que vous puissiez reproduire le système d'InfoBox sur votre site.
Bon tuto à tous !