<div class="page_d_accueil">
<div class="image">
<img src="http://i61.servimg.com/u/f61/14/91/66/03/test10.png" />
<img src="http://i61.servimg.com/u/f61/14/91/66/03/test11.png" />
</div>
<div class="top">
<!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>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Accueil</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Contexte</span>
<span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('qui');">Dream team</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Postes vacants</span>
</div>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi"><br/>PAGE D'ACCUEIL EN COURS =)
</div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<div class="boitescroll">La nouvelle venait de tomber. Harry Potter avait encore fait des victimes. D'un air profondément las et ennuyé, il reposa le dernier numéro de la Gazette. Par victimes, Galadriel Worcester, ministre de son état, et ses compatriotes entendaient bien entendu "Moldus stupides ou sorciers écervelés suffisamment naïfs pour croire aux élucubrations d'une auteure britannique".
Le monde, le monde entier sans exception s'extasiait devant les petits exploits du Survivant comme s'il s'agissait du Messie. Sauf qu'il n'y avait jamais eu de sorcier maléfique ridiculement nommé Voldemort pas plus que de petit binoclard doté d'une cicatrice en forme d'éclair. Quirrell avait bien évidemment existé. Mais il n'avait rien derrière la tête. Ni idées de domination du monde, ni face de serpent botoxée.
<br>
Et si Harry Potter n'était que le fantasme délirant d'une auteure britannique ? Si son invention n'avait toutefois pas été anodine et directement tirée du monde sorcier ? Le vrai monde sorcier. Pour la rentrée 2009, tout le monde s'interroge. Dumbledore, sage et vénérable sorcier (Un peu trop vénérable d'ailleurs), vient de céder la place à Trois Directeurs atypiques avec pour seules consignes: Intégrer les vampires pour le directeur Waels tandis qu'assurer la sécurité des étudiants serait le rôle Mlle Thomas et Mr Lewis. Autant dire qu'avec l'affaiblissement mondial de la magie constaté depuis la sortie des premiers Harry Potter, Poudlard se dégrade et les Serdaigles sont obligés de cohabiter avec les Gryffondors. Entre les vampires qui tentent malgré tout de s'intégrer à la population tout en gardant leur présence secrète et les guerres de Sang toujours omniprésentes, l'année 2009-2010 s'annonce fort agitée sous la houlette des trois directeurs.</div>
</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>Pourquoi?</h1>
Pour simplifier la navigation et la diviser en parties
</div>
<div class="onglets"><span class="ongletB_0 onglet" id="onglet_Affiliates" onclick="javascript:change_onglet('qui');">Nos tops</span></div>
</div>
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
</body>
</html></div>
<div class="navigation">
<div class="contenu"><blockquote>
<a href="http://relashio.forumactif.com/rules-f1/le-contexte-t2.htm"><div class="nav2">CONTEXTE</div></a>
<a href="http://relashio.forumactif.com/rules-f1/le-reglement-t4.htm"><div class="nav2">RÈGLEMENT</div></a>
<a href="http://relashio.forumactif.com/partenariats-publicite-f22/"><div class="nav2">PARTENAIRES</div></a>
<a href="http://relashio.forumactif.com/deux-trois-f66/"><div class="nav2">LA CRÈME DU NET</div></a>
<a href="http://relashio.forumactif.com/part-of-the-company-f6/"><div class="nav2">PRÉSENTATIONS</div></a>
<a href="http://relashio.forumactif.com/daily-prophet-f3/take-a-look-t11.htm"><div class="nav2">NOUVEAUTES</div></a>
<a href="http://relashio.forumactif.com/listings-f24/avatars-t5.htm"><div class="nav2">AVATARS</div></a><br/>
<a href="http://relashio.forumactif.com/daily-prophet-f3/recensement-relance-t78.htm"><div class="nav2"><font color="red">RECENSEMENT & RECRUTEMENT</font></div></a></blockquote>
</div>
</div>
<div class="nouveautés">
<div class="titre">
NOUVEAUTES
</div>
<div class="contenu">
<marquee direction="up" scrollamount="2" onmouseover='this.stop()' onmouseout='this.start()'>
<b>B</b>ienvenue sur Relashio.<br/><br/>
<u>24.05</u> || Au menu du jour : Remise à niveau du forum. Nouveau design, nouvelle tête. Même concept. <br/>
Un recensement est lancé pour les membres déjà inscrits et disponible <a href="http://relashio.forumactif.com/daily-prophet-f3/recensement-relance-t78.htm">ici</a> et par la même occasion, Relashio recrute =)
</br>
Donnez votre avis sur le nouveau design, ou même votre avis sur le dernier clafoutis de votre grand mère <a href="http://relashio.forumactif.com/daily-prophet-f3/recensement-relance-t78.htm">par là</a>
</marquee>
</div>
</div>
<div class="crédits">
<div class="titre">
CREDITS
</div>
<div class="contenu">
Lieux originaux de J.K Rowling
Plein d'essence et détournement de fond by Zadig
Fuite de CSS réparée par CSS actif
Association à but non-lucratif
Copyright 2010
Tous droits réservés.
Toute copie partielle ou complète est interdite voire déconseillée sous peine d'être maudit jusqu'à la Dixième génération. (Ou attaqué via Forumactif. Au choix.)
</div>
</div>
</div>
Lun 03 Juin 2024, 17:20 par 
