Ouvrez le code HTML de votre page Web en utilisant une application de codage de la page Web ou une application d'édition de texte en clair comme Microsoft Notepad ou Mac OS X TextEdit.
2
= « first_window 'href = " # " > Première fenêtre modale.
Photos
Configurer les balises HTML dans l'exemple ci-dessus pour répondre à vos besoins en réglant le placement et ids div .
< br > Hôtels 3
Ouvrez le fichier CSS qui dicte le style de votre page Web dans la même application de sorte que vous pouvez ajouter la fenêtre modale styles CSS , qui sont essentiels à le rendre solide gris ; background: # 246493 ; color: black; }
4
Ajoutez le code show_modal jQuery qui est ultimement responsable de l'appel de la fenêtre et lui permettant d' afficher le document HTML de votre site web :
fonction show_modal
( modal_id ) { $ (' # masque ») css ({ ' display ' : ' block ' , opacité : 0} ) ; . $ (' # masque ») fadeTo ( 500,0.8 ) ; $ . ( '#' + modal_id ) fadeIn (500); . }
5
Save the HTML modifiées et les fichiers CSS pour votre site Web, puis les télécharger sur votre environnement de serveur Web de production pour enregistrer les modifications et commencer l'affichage de la fenêtre modale .