<html>
<head>
<script>
function Main()
{
alert("Bienvenue sur le blog de Will!") ;
}
</script>
</head>
<body onload="Main();">
</body>
<head>
<STYLE type="text/css">
#en_tete
{
width: 760px;
height: 100px;
background-image: url("banniere-finale.bmp");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
background-color: #626262;
background-image: url("php_elephant.gif");
background-repeat: repeat-x;
border: 2px solid black;
margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu h3 /* Tous les titres de menus */
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: #B3B3B3;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}
body
{
width: 760px;
margin: auto; /* Pour centrer notre page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-image: url("penser2.bmp"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}
</style>
<link href="default.css" rel="stylesheet" type="text/css" title="Default Style">
<link href="simple.css" rel="alternate stylesheet" type="text/css" title="Simple">
<link href="insane.css" rel="alternate stylesheet" type="text/css" title="Insane">
</head>
</html>
<div id="en_tete">
<center>
<title>
Formulaire d'inscription au site.
</title>
</center>
</div>
<div id="menu">
<div class="element_menu"> <!-- Cadre correspondant à un sous-menu -->
<h3><font color="red"> Mes oeuvres: </font></h3>
<ul>
<li><a href="1erTP-perso.php"> 1er TP: page protégée par mot de passe </a></li>
<li><a href="2emeTP-perso.php"> 2eme TP: Mini Tchat</a></li>
<li><a href="formu1.php"> 1er formulaire </a></li>
<li><a href="fonction-date.php"> Date et heure </a></li>
</ul>
</div>
</div>
</div>
<div id="corps">
<center>
<p>
<font color="white" size="5" face=chiller>* Insérer le pseudo désiré:</font><input type="text" name="pseudo"/>
</p>
<p><br>
<font color="white" size="5" face=chiller>* Votre mot de passe:</font><input type="password" name="mot_de_passe"/>
</br></p>
<br>
<font color="white" size="5" face=chiller>* H/F ?</font><input type="checkbox" name="case" /> <font color="red" face=chiller size="5">Homme</font>
<input type="checkbox" name="case" /> <font color="red" face=chiller size="5">Femme</font>
</br>
<p><br>
<font color="white" size="5" face=chiller>* Votre âge:</font> <select name="choix">
<option value="choix1">12</option>
<option value="choix2">13</option>
<option value="choix3">14</option>
<option value="choix4">15</option>
<option value="choix5">16</option>
<option value="choix6">17</option>
<option value="choix7">18</option>
<option value="choix8">19</option>
<option value="choix9">20</option>
<option value="choix10">21</option>
<option value="choix11">22</option>
<option value="choix12">23</option>
<option value="choix13">24</option>
<option value="choix14">25</option>
<option value="choix15">26</option>
<option value="choix16">27</option>
<option value="choix17">28</option>
<option value="choix18">29</option>
<option value="choix19">30</option>
<option value="choix20">31</option>
<option value="choix21">32</option>
<option value="choix22">33</option>
<option value="choix23">34</option>
<option value="choix24">35</option>
<option value="choix25">36</option>
<option value="choix26">37</option>
<option value="choix27">38</option>
<option value="choix28">39</option>
<option value="choix29">40</option>
<option value="choix30">41</option>
<option value="choix31">42</option>
<option value="choix32">43</option>
<option value="choix33">44</option>
<option value="choix34">45</option>
</select></p>
<p>
<br>
<font color="white" size="5" face=chiller>* Quel est votre statut social?</font><input type="radio" name="xxx" value="Marié" checked="checked" /> <font color="red" size="5" face="chiller">Marié</font>
<input type="radio" name="xxx" value="Divorcé" /> <font color="red" size="5" face=chiller>Divorcé</font>
<input type="radio" name="xxx" value="Celibataire" /> <font color="red" size="5" face=chiller>Célibataire</font>
</br></p>
<p>
<br>
<font color="white" size="5" face=chiller>* Dans quel pays habité vous?</font> <select name="choix">
<option value="choix1">Belgique</option>
<option value="choix2">Canada</option>
<option value="choix3">France</option>
<option value="choix4">USA</option>
</select>
</br></p>
<br>
<font color="white" size="5" face=chiller>Une petite description de ce que vous pensez de cette page test-formulaire ?</font>
</br>
<br><textarea name="message" rows="8" cols="45">
</textarea>
</br>
<form action="site-test2.php" method="post">
<br><input type="submit" value="valider"/><form action="site-test2.php" method="post"></br>
</form>
<font color="white" size="3">* champs a remplir obligatoirement!</font>
</center>
</body>
</html>
