Gratuit : Créer une modale en HTML et CSS uniquement

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

27m46

de formation

4

leçons vidéo

1

chapitre

Débutant

niveau requis

Carl Brison

Formateur certifié

Gratuit : Créer une modale en HTML et CSS uniquement

4.8/5 Trustpilot (1399 avis) Visionnage immédiat

27m46

de formation

4

leçons vidéo

1

chapitre

Présentation
Table des matières

Dans ce tutoriel vidéo 100% gratuit, je vous propose d'apprendre à réaliser une fenêtre modale.
Nous n'utiliserons aucun langage de programmation. Ni JavaScript, ni jQuery. Uniquement du HTML ainsi que du CSS !

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce tuto gratuit.
Je mets à votre disposition le code complet de ce petit exercice 🙂

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Leçon 1

Leçon 2

Leçon 3

Leçon 4

Table des matières

Leçon 1

Mise en place du bouton d'ouverture

07m18

Leçon 2

Création de la modale

10m43

Leçon 3

Fonctionnement de la modale

06m04

Leçon 4

Conclusion

03m41

Avis des apprenants

Détail des avis

584

Apprenants

24

Commentaires

5/5

Note moyenne

5/5

24

4/5

0

3/5

0

2/5

0

1/5

0

Flore73

Publié le 27/02/2024

Merci beaucoup pour ce tuto simple et précis, j'ai eu des petits soucis car ma fenêtre n'était pas vide, mais j'ai trouvé comment faire, maintenant ça marche.

Carl Brison

Merci beaucoup pour votre commentaire très gentil

Alain Tardif

Publié le 09/09/2023

Merci Carl, mettre en place une modale, sans programmation, était un tuto très bien expliqué et certainement très utile à connaître. Validé 100 % #creer-une-modale-sans-prog

Carl Brison

Merci beaucoup pour votre commentaire très gentil, Alain ;-)

Membre-5897-1553

Publié le 09/02/2023

"ce qui se conçoit bien s'énonce clairement": une fois de plus l'adage est vérifié. Bravo!

Carl Brison

Merci beaucoup ;-)

Formateur certifié

5

Voir ses cours

Prérequis

,

Débutant

Accessibilité

Sous-titres français (autogénérés)

Ressources téléchargeables

Fichiers sources

Catégories

Programmation HTML

Cours publié le 16/02/2021
Langue : Français
ID : 159641

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source du tutoriel ;-)

Continuez votre progression

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Animer une fenêtre modale en CSS

jQuery Facile Application #2/5 : Animer une fenêtre modale

Créer une fenêtre modale accessible en HTML, CSS et JavaScript

CSS : Créer une modale sans Javascript

HTML avancé : créer un composant réutilisable pour une modale

Dev. FrontEnd#1 : Popin animée

jQuery Facile #9/10 : Les animations

Dev. FrontEnd#2 :: Mise en place d'un Popup

JS moderne, Exo #1: Affichage d'une fenêtre modale

Bundle 10 exercices 100% frontend HTML, CSS et JS

Promo -28%

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com

Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.