<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//<!--
function change_onglet(name)
{
document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
document.getElementById('contenu_onglet_'+name).style.display = 'block';
anc_onglet = name;
}
//-->
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#8BAB90;
border-bottom:1px solid black;
}
.onglet_1
{
background:#8BAB90;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#8BAB90;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">INFOS & CONTEXTE</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">STAFF & CRÉDITS</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">PARTENAIRES ET TOP SITES</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi"><h1><br><br>
<div style="margin:auto;text-align:center;width:100%">
<a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/reglement-du-forum-t1.htm">REGLEMENT</a> |
<a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/le-staff-t4.htm">STAFF </a>|
<a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/contexte-du-forum-t21.htm">CONTEXTE</a> |
<a href="http://who-are-you-really.forumactif.com/personnages-de-l-histoire-f5/"></a>
<a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/">PREDEFINIS</a> |
<a href="http://wayr2.forumactif.com/scenarios-des-membres-f11/"> SCENARIOS DES MEMBRES </a><br>
<a href="http://wayr2.forumactif.com/personnages-de-l-histoire-f7/celebrites-prises-t19.htm">CELEBRITES PRISES</a> |
<a href="http://wayr2.forumactif.com/contexte-et-annexes-f4/nos-videos-t23.htm">NOS VIDÉOS</a> |
<a href="http://wayr2.forumactif.com/les-fiches-de-nos-partenaires-vip-f20/">PARTENAIRES VIP </a>|
<a href="http://wayr2.forumactif.com/reglement-et-contexte-f1/credits-t94.htm#321">CREDITS</a><br><br>
<table width="700px" border="0" cellpadding="3" cellspacing="4">
<tr>
<td>Ouverture WAYR I 29.09.2009<br>
WAYR II<br>
23.04.2010<br>
20 lignes mini<br>
<span style="color: DarkRed;">Interdit aux - de 18 Ans</span> <br>
Poster sa fiche sous 1 semaine. <br>
Faire sa fiche sous 10 jours.<br>
Design 1 by Blondie <br>
</td>
<td>
<div style="margin:auto;text-align:center;width:100%">
«<span style="font-size: 24px; line-height: normal"><font face="Georgia">Futur nous voilà !</font> </span>»
<br><br>
<blockquote><div align="justify">
<span style="font-size: 18px; line-height: normal">
<font face="Georgia"><strong>L</strong></font></span>a fameuse remise des diplômes. Certains la craignent , d'autres attendent de savoir, certains sont excités à l'idée de recevoir le fruit de leur effort..il y en a même qui n'y mettent pas les pieds, mais ce jour marque tous les esprit qu'on le veuille ou non ! C'est le jour à marquer d'une pierre blanche car il signifie la liberté pour la plupart et le début d'une nouvelle vie ! Nos jeunes universitaires sont à présent lancé dans ce que nous appelons la vie active ou la jungle de la vie..au choix ! Ils devront alors décider qui ils veulent être, ce qu'il feront de leur avenir ou si ils attendront que à se passe les pieds en éventail ! Mais attendez que sont devenus ces anciens universitaires ? Paris, Milan , Los Angeles, New York, Londres ou encore New Haven , toutes des destinations différentes. Sont ils restés sur place ou ont ils découvert d'autres univers ? Hier universitaires demain jeunes actifs ! Mais laissons les parler !
</blockquote></div>
Arya<br>
</td>
</tr>
</table></h1>
</div></div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1><font size="3">LA FOLLE EQUIPE</font><br><br>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=1" target="_blank">
<img src="http://img695.imageshack.us/img695/2137/staffanna.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=8" target="_blank">
<img src="http://img690.imageshack.us/img690/7204/natee.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=9" target="_blank">
<img src="http://img695.imageshack.us/img695/9522/staffkate.png" class="pix"></a>
<a href="http://wayr2.forumactif.com/msg.forum?mode=post&u=7" target="_blank">
<img src="http://i67.servimg.com/u/f67/15/07/43/32/gfdgr10.png" class="pix"> </a>
<a href="http://www.wayr2.com/msg.forum?mode=post&u=18" target="_blank">
<img src="http://img156.imageshack.us/img156/2338/chaceico.png" class="pix"></a>
<a href="http://www.wayr2.com/msg.forum?mode=post&u=17" target="_blank">
<img src="http://i67.servimg.com/u/f67/15/07/43/32/sans_t10.png" class="pix"></a>
<br><br>
Contexte Arya & Pv { Barquette & Arya } & Pa {Arya}<br>
Toute copie même partielle est formellement INTERDITE.<br>
<a href="http://paparazzi-agency.forumactif.com" target="_blank">
<img src="http://img689.imageshack.us/img689/551/bouton6.png" title="Paparazzi Agency, votre nouvelle référence pour vos forums RPG" alt="Paparazzi Agency, votre nouvelle référence pour vos forums RPG"></a><br>
<a href="http://best-rpg.forumpro.fr/" target="_blank">
<img src="http://i40.tinypic.com/wgw945.jpg" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs"></a><br>
<a href="http://www.copyscape.com/">
<img src="http://banners.copyscape.com/images/cs-wh-3d-234x16.gif" alt="Page copy protected against web site content infringement by Copyscape" title="Do not copy content from the page. Plagiarism will be detected by Copyscape." width="234" border="0" height="16"></a></h1>
</div></div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>
<table width="500px" border="0" cellpadding="3" cellspacing="3">
<tr>
<td>NOS CHOUCHOUS<br><br>
<a href="http://ambrosia.forums-actifs.com/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://blondiesweety.e-monsite.com/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://sympathyforthedevil.forumactif.com/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://la-in-live.forumactif.org/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://aryasworlcreations.forumperso.com/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://apocalypto.superforum.fr/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://lig-v2.1fr1.net/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>
<a href="http://cracbadaboum.keuf.net/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://vampires-kingdom.forumactif.com/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://blackout.forumpro.fr/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://time-turner.forumactif.org/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://la-citta-maledetta.forumactif.org/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://roosevelt-university.forumactif.org/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://newytown.forumactif.com/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>
<a href="http://peace-of-mind.1fr1.net/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://fells-church.forum-actif.net/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://ensemblensvaincrons.forumactif.org/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://blackout.forumotion.com/">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a>
<a href="http://sss-v-2.1fr1.net/forum.htm">
<img src="http://img690.imageshack.us/img690/2555/pourtopsite.gif"></a><br>
<a href="http://www.wayr2.com/nos-amis-f19/demandes-de-partenariats-t13.htm">Vous </a>|
<a href="http://www.wayr2.com/partie-invite-f21/">Plus<br></a>
</td>
<td>
<font size="4"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=12815">1</a>
<a href="http://www.root-top.com/topsite/candymiam/in.php?ID=5029">2</a>
<a href="http://www.root-top.com/topsite/lilie/in.php?ID=5800">3</a>
<a href="http://www.root-top.com/topsite/coop/in.php?ID=2327">4</a>
<a href="http://www.root-top.com/topsite/cherry23/in.php?ID=4720">5</a> 6 <br>
<a href="http://www.root-top.com/topsite/abbyp/in.php?ID=1"><img src="http://i38.tinypic.com/16kwc2v.jpg"></a>
</font>
</td>
</tr></h1>
</table>
</div></div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html>
Lun 03 Juin 2024, 17:20 par 
.
