--------------
CODE SARAH MICHELLE GELLAR
1. Avant de
commencer quoi que ce soit, enregistre ces deux images sur ton serveur.
2. Crée une page que tu appelleras accueil.htm et copie dessus le code
html ci-dessous. N'oublie pas de changer l'URL de l'image et de ton index :
<![CDATA[ <html>
<head>
<title>Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div align="center">
<p><a href="index.htm">
<img src="image/entresmg.gif" width="218" height="145" alt="Entrer" border="0"></a>
</p>
<table width="367" border="0">
<tr>
<td>
<div align="left"><font color="#FFFFFF" size="2"><a href="layoutsmg.htm">Entre
dans ma version Sarah Michelle Gellar...</a></font></div>
<div align="right"><br>
<br>
<br>
<br>
<br>
<a href="http://www.babystar.ca.tc"><font size="1">Merci babystar.ca.tc</font></a></div>
</td>
</tr>
</table>
</div>
</body>
</html>
]]>
3. Crée une deuxième page que tu appelleras index.htm et copies-y
ce code. N'oublie pas de changer les URL des pages (1, 2...6)
NE CHANGE SURTOUT PAS LES DIMENSIONS QUE J'AI MISES CAR TOUT SE DECALERAIT :
<![CDATA[
<html>
<head>
<title>Layout SMG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<img src="image/layoutsmg.jpg" width="760" height="576" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="318,522,362,563" href="page6.htm" target="IFRAME" alt="6" title="6">
<area shape="rect" coords="263,523,307,564" href="page5.htm" target="IFRAME" alt="5" title="5">
<area shape="rect" coords="210,523,254,564" href="page4.htm" target="IFRAME" alt="4" title="4">
<area shape="rect" coords="149,523,193,564" href="page3.htm" target="IFRAME" alt="3" title="3">
<area shape="rect" coords="95,524,139,565" href="page2.htm" target="IFRAME" alt="2" title="2">
<area shape="rect" coords="611,546,755,569" href="http://www.babystar.ca.tc" target="_blank">
<area shape="rect" coords="37,523,81,564" href="page1.htm" target="IFRAME" alt="1" title="1">
</map>
<div style="position: absolute; top:96px; left:22px; width: 353px; height: 431px">
<IFRAME src="index1.htm"
name="IFRAME" style="position: absolute; top:0px; left:0px; width: 353px; height: 432px"></IFRAME></div>
</body>
</html>
]]>
3. Crée une troisième page et nomme la index1.htm. Ce sera la
page qui apparaîtra dans la I-Frame la première fois, et quand on
cliquera sur le bouton 6 :
<![CDATA[
<html>
<head>
<title>Pages</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<p>Adresse ici un petit mot à tes visiteurs en leur expliquant la navigation.</p>
<p>Tu peux aussi mettre les news et updates de ton site.</p>
</body>
</html>
]]>
4. Pour t'éviter de perdre du temps à configurer la couleur
des liens, du texte, de la scroll-barre... dans chaque page, je t'ai crée
la feuille de style qui va avec ce layout. Voilà comment faire :
Copie ce code sur une page que tu appellera style.css. Il y a juste ce code
qui doit apparaître, il ne doit pas y avoir de balises html, head ou body
; alors si elles y sont, supprime les.
Sur toutes tes pages, copie ce code entre les balises <head> et </head>
(c'est moins long que de tout copier, hein?)
Comme tu le vois, j'ai fait beaucoup d'efforts pour que tu arrives à
installer ce layout, alors stp si tu pouvé me prévenir que tu
le prends ce serait super sympa!
<= back