Tout d'abord j'ai fait ce petit tuto car j'ai moi même eu du mal à me renseigné et a trouver des tutos simple pour ce sujet.
Je vous propose un petit script de deux fichiers seulement (quarante lignes chacun).
Comment ? Et bien c'est simple en épurant le super flux et en préservant l'essentiel.
Je vous propose donc mes scripts entièrement commentés.
Bonne lecture à tous !!
ETAPE 1 : Le javascript compris dans la page html.
A placer dans la page HTML:
ETAPE 2 : Ajout de l'élément maître du script.
Toujours dans le HTML:
ETAPE 3 : Le CSS :o
A placer en debut de la page Html :
Alert Perso
CSS :
.MsgAlert
{
left:40%;
top:40%;
position:relative;
width:200px;
background:url(gfx/content00.gif) repeat-y;
cursor:default;
}
.header
{
margin-top:-20%;
}
.bottom
{
margin-top:3%;
}
.MsgAlert p
{
margin-top: 0%;
font-family:Arial;
font-size:14px;
text-align:center;
color:white;
padding-left:10px;
padding-right:10px;
}
.MsgAlert input
{
margin-top: 3%;
border:none;
height:24px;
width:80px;
background:url(gfx/boutton_valider.gif);
cursor: pointer;
}
.MsgAlert input:hover
{
margin-top: 3%;
border:none;
height:24px;
width:80px;
background:url(gfx/boutton_valider_hover.gif);
cursor:pointer;
}
Voila le tour est joué :)
Merci et à bientot :)