voila le lien demandé (en espérant ne pas m'être trompée ==):
http://whisper.site....ebox/lytebox.js
http://whisper.site....box/lytebox.css
- le code de la page 'base avec iframe':
<HTML>
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="lytebox/lytebox.css" TITLE="StyleDefault" media="screen" >
<script type="text/javascript" language="javascript" src="lytebox/lytebox.js"></script>
<TITLE>_. w h i s p e r ._</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Revisit-after" content="3 days">
<meta name="description" lang="fr" content="Portfolio de Sylvie Beck, Liège, Belgique">
<meta name="keywords" lang="fr" content="macro, paysage, nature, insectes, fleurs, animaux, gens, portrait, abstrait, nourriture, photographie, belgique, canon, nikon, numerique, portfolio, galeries">
<meta name="description" lang="en" content="Sylvie Beck's portfolio, Liège, Belgium">
<meta name="keywords" lang="en" content="macro, landscape, nature, insects, flowers, animals, people, portrait, abstract, food, photography, belgium, canon, nikon, digital, portfolio, galleries">
<meta name="ROBOTS" content="follow, index">
<meta name="Content-Language" content="fr, en">
</head>
<BODY>
<div id="container">
<TABLE CELLPADDING="0" CELLSPACING="0" >
<TR><TD ALIGN="CENTER" VALIGN="MIDDLE">
<iframe NAME="head" WIDTH=790 HEIGHT=112 src="head.htm" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" ></iframe>
<iframe NAME="menu" WIDTH=140 HEIGHT=569 src="menu.htm" marginwidth="0" marginheight="0" scrolling="NO" frameborder="0" ></iframe><iframe NAME="content" WIDTH=650 HEIGHT=569 src="content.htm" marginwidth="0" marginheight="0" scrolling="NO" frameborder="0" ></iframe>
<iframe NAME="end" WIDTH=790 HEIGHT=29 src="end.htm" marginwidth="0" marginheight="0" scrolling="NO" frameborder="0" ></iframe>
</TD></TR></TABLE>
</div>
</body>
</html>
- le code de la page 'content' (page d'accueil' qui s'ouvre dans l'iframe directement):
<HTML>
<HEAD>
<LINK REL="stylesheet" TYPE="text/css" HREF="lytebox/lytebox.css" TITLE="StyleDefault" media="screen" >
<TITLE>_. w h i s p e r ._</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Revisit-after" content="3 days">
<meta name="description" lang="fr" content="Portfolio de Sylvie Beck, Liège, Belgique">
<meta name="keywords" lang="fr" content="macro, paysage, nature, insectes, fleurs, animaux, gens, portrait, abstrait, nourriture, photographie, belgique, canon, nikon, numerique, portfolio, galeries">
<meta name="description" lang="en" content="Sylvie Beck's portfolio, Liège, Belgium">
<meta name="keywords" lang="en" content="macro, landscape, nature, insects, flowers, animals, people, portrait, abstract, food, photography, belgium, canon, nikon, digital, portfolio, galleries">
<meta name="ROBOTS" content="follow, index">
<meta name="Content-Language" content="fr, en">
<style type="text/css">
<!--
.style5 {font-size: 10pt}
a:link {
color: #202020;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #202020;
}
a:hover {
text-decoration: none;
color: #202020;
}
a:active {
text-decoration: none;
color: #202020;
}
-->
</style>
</head>
</HEAD>
<BODY CLASS="rightside">
<TABLE width="639" height="569">
<TR >
<TD WIDTH="639" VALIGN="TOP" ><TABLE WIDTH="639" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD width="78"></TD>
<TD CLASS="titlehigh" WIDTH="555"><div align="right"><strong>WELCOM </strong></div></TD>
</TR>
<TR>
<TD COLSPAN="2" HEIGHT="1" BGCOLOR="#f2f2f2"></TD>
</TR>
<TR>
<TD CLASS="titlesmall" > reception </TD>
<TD WIDTH="555"></TD>
</TR>
</TABLE> <p> </p>
<p>Welcom in my photographic website.</p>
<p>I'm glat to greet you in this page.
Here you'll find all of my
work or at least a large part of it.</p>
<p>I'm not a professional photographer just a novicenevertheless i hope you'll appreciate my shots with teir faults and their qualities and you'll spend a pleasant time in my portolio.</p>
<p> </p>
<p>Good visit ! </p>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<blockquote>
<p>~Ruruw</p>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
</blockquote>
<p>If you have many questions or someting else, don't be worry and <a href="mailto:wynnie20_ad_hotmail.com?subject=Portfolio:Whisper" target="_blank"><em>contact me </em>by email </a>.</p>
<p>I don't bite =D and i'll be happy to answer you.</p>
<p> </p>
<p><strong>Guestbook:</strong> Don't hesitate to leave your critics, your opinions, your encouragements and many others <a href="http://en.i-services.net/members/guestbook/guestbook.php?uid=499&sid=396" target="_blank"><em>.here.</em></a><br>
<br>
<strong>Requirements:</strong> Mozilla FireFox // 1140x900</p>
<p> </p>
<p><strong class="rightside style5">Last update </strong><br>
<small>→</small> <span class="style5">2008 may 27</span></p> </TD>
</TR>
</TABLE>
</body>
</html>
- le code de la page 'food' (page avec les photos):
<HTML>
<HEAD>
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" />
<TITLE>_. w h i s p e r ._</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Revisit-after" content="3 days">
<meta name="description" lang="fr" content="Portfolio de Sylvie Beck, Liège, Belgique">
<meta name="keywords" lang="fr" content="macro, paysage, nature, insectes, fleurs, animaux, gens, portrait, abstrait, nourriture, photographie, belgique, canon, nikon, numerique, portfolio, galeries">
<meta name="description" lang="en" content="Sylvie Beck's portfolio, Liège, Belgium">
<meta name="keywords" lang="en" content="macro, landscape, nature, insects, flowers, animals, people, portrait, abstract, food, photography, belgium, canon, nikon, digital, portfolio, galleries">
<meta name="ROBOTS" content="follow, index">
<meta name="Content-Language" content="fr, en">
<style type="text/css">
<!--
.style5 {font-size: 10pt}
a:link {
color: #202020;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #202020;
}
a:hover {
text-decoration: none;
color: #202020;
}
a:active {
text-decoration: none;
color: #202020;
}
-->
</style>
</head>
</HEAD>
<BODY CLASS="rightside">
<TABLE width="630" height="569">
<TR >
<TD WIDTH="639" VALIGN="TOP" ><TABLE WIDTH="639" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD width="39"></TD>
<TD CLASS="titlehigh" WIDTH="594"><div align="right"><strong>GALLERIES </strong></div></TD>
</TR>
<TR>
<TD COLSPAN="2" HEIGHT="1" BGCOLOR="#f2f2f2"></TD>
</TR>
<TR>
<TD CLASS="titlesmall" > food</TD>
<TD WIDTH="594"></TD>
</TR>
</TABLE> <p> </p>
<table width="630" align="center">
<tr>
<td width="50"><a href="image/food/1.png" rel="lytebox[vacation]" title="My Sister"><img src="mini_image/food/1.png" width="50" height="50" title="Click to enlarge" border=0></a></td>
<td width="568"><a href="image/food/2.png" rel="lytebox[vacation]" title="Mom and Dad"><img src="mini_image/food/2.png" width="50" height="50" title="Click to enlarge" border=0></a></td>
</tr>
</table>
<a href="images/ag/25.jpg" class="highslide" onclick="return hs.expand(this)"> </a><a href="images/ag/24.jpg" class="highslide" onclick="return hs.expand(this)"> </a><a href="images/ag/23.jpg" class="highslide" onclick="return hs.expand(this)"> </a></TD>
</TR>
</TABLE>
</body>
</html>
pardon pour la longuer mais les pages étant 'liée' j'ai pensé que ca serait peut etre mieux de mettre
je sais pas si ca va vous aider beaucoup .___.
s'il faut je peux vous up le dossier avec toute les pages étant donné qu'elles sont liée entre elles 'base'...