page accueil

Nombre de messages : 55 Date d'inscription : 07/09/2008

Code:: <div class="contourpa">

<div class="backpa">

<div class="titrepa">
   Bienvenue à Statton School
</div>

<div class="ligne">

</div>

</div>

<div class="lienspa">
   <a href="http://backtothe90.forumactif.org/t10-reglement-du-forum">Rêglement</a> • <a href="http://backtothe90.forumactif.org/f1-o-o-dossier-d-admission">Présentations</a> • <a href="http://backtothe90.forumactif.org/t15-bottin-d-avatars">Bottins des avatars</a> • <a href="http://backtothe90.forumactif.org/f19-reserve-aux-invites">Invités</a> • <a href="http://backtothe90.forumactif.org/f96-annexes">Annexes</a>
</div>
   <br />
<table>

<tbody>

<tr>

<td>

<table>

<tbody>

<tr>

<td style="width: 30px;">

</td>

<td>

<div class="stitrepa">
   Le contexte
</div>

<div class="case1pa">
   <img src="http://www.mouthymag.com/wp-content/uploads/2013/11/tumblr_mnxw56ge2v1ra55ngo1_500.gif" style="width: 100px; margin-right: 8px; margin-left: 8px; border:1px solid #B5AC99; padding:2px;" class="imgg" align="left" /> 1989, le monde change, le mur de Berlin tombe, c'est la fin de la guerre froide, plus rien ne sera jamais plus pareil. C'est le début de la mondialisation expansive. Les années 90 seront riches, en quoi personne ne le sait, mais tout le monde le sens.<strong>Vous êtes actuellement en 1994</strong>, au Royaume Uni, Margaret Thatcher n'est plus au pouvoir depuis deux ans, on ne cautionne plus la poigne de fer qu'elle a glissé dans ce gant de velours devenu trop étriqué. Le gouvernement n'arrive plus à assumer ses dépenses. Les Anglais demandent du renouveau, ils cherchent de nouveaux espoirs, un vent de libération, mais la crise économique est là, la jeunesse ne trouve plus sa place dans ce monde qui devient beaucoup trop grand et dans lequel ils se sentent oubliés et délaissés. Alors, les nouveaux moyens d'expressions pleuvent et se montre au grand jour, on affiche fièrement un style nouveau et novateur, on danse, on chante, on fait de l'art on boit, et plus personne ne semble choqué de voir cette jeunesse à la dérive. Au milieu de tout cela des mouvements extrémistes se créent, les Hooligans prennent de plus en plus d'ampleur. La colère gronde, un vent nouveau souffle. Afin d'endiguer cette montée phénoménale de styles et de moyens d'expressions d'un nouveau genre, l'Etat décide de mettre en place un projet visant à venir en aide aux adolescents qui semblent en état de perdition. Apprenant la teneur de ce projet, un ancien célèbre musicien, descendant et héritier d'une grande famille Anglaise, propose d'ouvrir son château et d'y aménager un lieu où accueillir les jeunes gens qui prendraient part à ce projet. C'est ainsi que le Château de Statton, sur la petite île Anglo-Normande d'Aurigny se transforma il y a 5 ans en Etablissement Scolaire, accueillant des élèves et des professeurs choisis par l'état et l'administration de Statton. À sa tête Charles II Statton gère les lieux et le bon fonctionnement de l'école, n'ayant nul autre distraction sur l'île, pas de boîte de nuit, et guère plus que deux vieux pubs en concurrence dans cette bonne ville de Sainte Anne, beaucoup pense que les enfants pourront bien vite redresser les tords dont la société les accables, mais rien n'est jamais si facile en réalité ... Bienvenue à Statton.
</div><br />
<div class="stitrepa">
   Les PVs attendus
</div>

<div class="case2pa">

<table>

<tbody>

<tr>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t13-membres-du-personnel-4-4#46"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/hugh_dancy_023.jpg" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t12-eleves-5-5#41"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/2014/01/20140124/16612/Emma%20Stone-2101416.png" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t12-eleves-5-5#42"><img class="imgpvpa" src="http://www.hollow-art.com/files/icons/069.png" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t13-membres-du-personnel-4-4#47"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/2014/06/20140615/18189/Bryce%20Dallas%20Howard-2308975.jpg" /></a>
</td>

<td style="width: 30px;">

</td>

<td>

<div class="Infobulle2">
   <img class="mempa" src="http://www.hollow-art.com/files/bases/simon_pegg_029_0.jpg" />
<div class="Infobulle_contenu2">

<div style="font-weight: bold;">
   <span class="nameect">Finnley</span>
</div>
   Administratrice
</div>

</div>

</td>

</tr>

<tr>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t12-eleves-5-5#43"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/20120831/juno-temple-ha012.png" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t12-eleves-5-5#44"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/2014/01/20140110/16444/Misfits%20207-2083140.png" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t12-eleves-5-5#45"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/20130322/Alicia_Vikander_in_The_Crown_Jewels_%28121%29.png" /></a>
</td>

<td>
   <a target="blank" href="http://backtothe90.forumactif.org/t13-membres-du-personnel-4-4#48"><img class="imgpvpa" src="http://www.hollow-art.com/files/bases/20110812/fassy_21.jpg" /></a>
</td>

<td style="width: 30px;">

</td>

<td>

<div class="Infobulle2">
   <img class="mempa" src="http://oi57.tinypic.com/ixtav7.jpg" />
<div class="Infobulle_contenu2">

<div style="font-weight: bold;">
   <span class="nameect">Hippolyte</span>
</div>
   Administratrice
</div>

</div>

</td>

</tr>

</tbody>

</table>

</div>

</td>

<td style="width: 20px;">

</td>

<td>

<div class="stitrepa">
   Les actualités
</div>

<div class="case1pa">
   <strong>27/07/2014 :</strong> Pré-ouverture du forum • <strong>31/08/2014 :</strong> Ouverture du forum • <strong>06/10/2014 :</strong> Lancement de l'intrigue #1 : Drugs in the room • <strong>27/10/2014 :</strong> Nouveau design, version#2 • <strong>15/12/2014 :</strong> Lancement de l'event de Noël • <strong>24/12/2014 :</strong> Nouveau design, version#3
</div><br />
<div class="stitrepa">
   Les partenaires & top sites
</div>

<div class="case1pa">

<center>
   <br /> <a target="blank" href="http://www.root-top.com/topsite/bazzart/in.php?ID=67"><img class="partenaires" src="http://oi59.tinypic.com/8x51lj.jpg" /></a> <a target="blank" href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=135"><img class="partenaires" src="http://oi57.tinypic.com/2ldviix.jpg" /></a> <a target="blank" href="http://www.root-top.com/topsite/obsession27/in.php?ID=22219"><img class="partenaires" src="http://oi62.tinypic.com/14ocche.jpg" /></a> <a target="blank" href="http://backtothe90.forumactif.org/"><img class="partenaires" src="http://oi59.tinypic.com/2hd89p4.jpg" /></a> <a target="blank" href="http://backtothe90.forumactif.org/"><img class="partenaires" src="http://oi62.tinypic.com/f3rvpv.jpg" /></a> <a target="blank" href="http://backtothe90.forumactif.org/"><img class="partenaires" src="http://oi62.tinypic.com/2q2eps9.jpg" /></a><br /><br /> <select onchange="document.location=this.options[this.selectedIndex].value"> <option value="slected">TOP PARTENAIRES</option> <option value="http://hippyhippyshake.forumactif.org/" target="_blank">HIPPY HIPPY SHAKE</option><option value="http://the-after-world.forumactif.org/" target="_blank">THE AFTER WORLD</option> <option value="http://www.new-yorkers.net/" target="_blank">NEW-YORKERS</option><option value="http://internat.forumactif.org/" target="_blank">L'INTERNAT</option></select> <br /><a class="postlink" href="http://backtothe90.forumactif.org/t31-demande-de-partenariat?tid=f5bd71491068357740bbc41afdb7ca66">devenir</a> ▲ <a class="postlink" href="http://backtothe90.forumactif.org/t32-nos-partenaires?tid=f5bd71491068357740bbc41afdb7ca66">plus</a><br /> <br />Pour laisser son avis sur <a class="postlink" href="http://www.pub-rpg-design.com/t94554-back-to-the-90-9710-retour-vers-les-annees-90#1494018">PRD</a><br />
</center>

</div>

</td>

</tr>

</tbody>

</table>
   <br /> <br /> <span style="font-size: 8px;">Ce forum a été fondé par Finnley & Hyppolite, toute reproduction totale ou partielle est strictement interdite. Le design est de Hippolyte, le CSS et les codes ont été réalisés par Abbigayle & Hippolyte.</span> <br />
</td>

</tr>

</tbody>

</table>

</div>

Code:: .backpa { bottom center no-repeat; width: 750px; height: 80px; margin-top: 10px;}
.titrepa { letter-spacing: 2px; font-family: 'Lobster', cursive; text-align: center; font-size: 40px; color: #C24436; text-shadow: 2px 1px 1px #ffffff; }
.lienspa { margin-top: -25px; display: block; align: center; color: #72525B;}
.lienspa a{color: #544D4D; letter-spacing: 1px; font-size: 12px; text-decoration: none!important; text-transform: lowercase; }
.lienspa a:hover {color: #C24436; letter-spacing: 1px; font-size: 12px; text-decoration: none!important; text-transform: lowercase; }

.staffpa { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); border-radius: 50px; width: 75px; height: 75px;}
.staffpa:hover { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); border-radius: 50px; width: 75px; height: 75px;}
/*Ce qui encadre l'infobulle*/
.Infobulle { position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ width: 75px; height: 75px;}
/*Contenu de l'infobulle quand on n'est pas sur l'image*/
.Infobulle .Infobulle_contenu { position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ top : 20px; /*Position par rapport au haut*/ left : 100px; /*Position par rapport à gauche*/ width : 200px; font-size: 12px; border:1px solid #DFDEDE; font-family: verdana; background-color: #ECDCC2; padding: 5px; color: #544D4D; text-align: center; -moz-border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px; -webkit-border-radius: 10px; display : none; /*Cache l'infobulle*/}
/*Contenu de l'infobulle quand on passe sur l'image*/
.Infobulle:hover .Infobulle_contenu { display : block; /*Fait apparaître l'infobulle*/ left: -125px;}
.case1pa { border:1px solid #DFDEDE; border-radius : 4px; width: 320px; height: 110px; overflow: auto; padding: 5px; background: #EEE7DD; color: #544D4D; text-align: justify; margin-top: -10px;}
.case2pa { border-radius : 4px; width: 320px; height: 110px; padding: 5px; background:transparent; color: #EEE7DD; text-align: justify; margin-top: -10px;}
.stitrepa { padding-top: 5px;text-align:left; display: block; color: #544D4D; letter-spacing: 1px; font-size: 20px; text-transform: strong; text-shadow: 1px 1px 1px white; text-decoration: none!important; font-family: 'Lobster', cursive; margin-bottom:-4px; margin-top:-0px; }
.stitrepa:hover { padding-top: 5px;text-align:left; display: block; color: #C24436; letter-spacing: 1px; font-size: 20px; text-transform: strong; text-shadow: 1px 1px 1px white; text-decoration: none!important; font-family: 'Lobster', cursive; margin-bottom:-4px; margin-top:-0px; }
.imgpvpa {width: 50px; height: 50px; border:1px solid #B5AC99; padding:2px; }
.mempa {width: 50px; height: 50px; border-radius: 50px; border:1px solid #B5AC99; padding:2px; }
/*Ce qui encadre l'infobulle*/
.Infobulle2 { position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ width: 50px; height: 50px;}
/*Contenu de l'infobulle quand on n'est pas sur l'image*/
.Infobulle2 .Infobulle_contenu2 { position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/ top : 20px; /*Position par rapport au haut*/ left : 100px; /*Position par rapport à gauche*/ width : 100px; font-size: 12px; font-family: verdana; background-color: #ECDCC2; padding: 5px; color: #544D4D; text-align: center; -moz-border-radius: 10px; -o-border-radius: 10px; -htm-border-radius: 10px; -webkit-border-radius: 10px; display : none; /*Cache l'infobulle*/}
/*Contenu de l'infobulle quand on passe sur l'image*/
.Infobulle2:hover .Infobulle_contenu2 { display : block; /*Fait apparaître l'infobulle*/ left: 45px;}
.partenaires {width: 18px; height: 15px; }