<!DOCTYPE HTML>
<html>
<!-- En-tête -->
<head>
<meta charset="utf-8" />
<!-- titre -->
<title> P.A Fairy City </title>
<!-- CSS -->
<style type="text/css">
/* PA */
.all {
background-color: #f5efcf;
margin: -27px -3px;
width : 750px;
}
.tableau {
font :18px bold;
font-family: Trebuchet MS;
text-align: center;
margin :25px;
padding: 5px;
border-spacing: 22px;
border-collapse: separate;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
}
p {
text-align : center;
text-transform : capitalize;
vertical-align : middle;
font-size: 12px;
color: black;
text-shadow: 4px 4px 10px #bdb9bd;
padding: 5px;
}
.t1 {
color:#75d8f5;
font-size: 22px;
font-variant: small-caps;
text-shadow: 1px 1px 3px #0000ff;
background-color : #c0f4ed ;
border : 2px #6fe6d6 solid;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius :20px;
padding: 10px;
width: 300px;
height: 30px;
}
.t2 {
color:#63cd6e;
font-size: 15px;
background-color : #aef1b6 ;
border : 2px #6fe67b solid;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius : 15px;
padding: 10px;
width: 300px;
height: 30px;
}
.lien{
color: #ec80ec;
text-shadow: 1px 1px 3px #ec80ec;
background-color : #edd1d7;
border : 2px #ec80ec solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 5px;
width: 150px;
height: 160px;
}
a.lien2 {
text-transform : capitalize;
color: #f5efcf;
font-weight: bold;
text-shadow: 1px 1px 3px black;
text-decoration : none;
}
.empty {
width: 150px;
height: 100px;
}
.staff{
color: #d680ec;
text-shadow: 1px 1px 4px #d680ec;
background-color : #efbdfc ;
border : 2px #d680ec solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 5px;
width: 275px;
height: 160px;
}
div.infobulle1{
position: relative;
float: left;
}
div.infobulle1 span{
display: none;
}
div.infobulle1:hover{
background: none;
z-index: 999;
}
div.infobulle1:hover span
{
display: inline;
position: absolute;
top: -15px;
text-transform : capitalize;
text-shadow: 1px 1px 3px white;
text-align : center;
vertical-align : middle;
font-size: 12px;
color: red;
line-height:30px;
padding: 5px;
background-color : #f7d7ff;
border : 1px #d680ec dotted;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius : 20px;
width: 100px;
height:80px;
}
div.infobulle1:hover span a
{
text-decoration : none;
text-shadow: 1px 1px 3px white;
text-align : center;
color: black;
padding: 5px;
border : 1px #d680ec solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
}
.event{
color: #63cd6e;
text-shadow: 1px 1px 4px #6fe67b;
background-color : #aef1b6 ;
border : 2px #6fe67b solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 15px;
height: 120px;
}
.top {
color: #6fe6d6;
text-shadow: 1px 1px 4px #6fe6d6;
background-color : #c0f4ed ;
border : 2px #6fe6d6 solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 10px;
}
.part{
color: #ec80ec;
text-shadow: 1px 1px 4px #ec80ec;
background-color : #edd1d7 ;
border : 2px #ec80ec solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 10px;
height: 60px;
}
.credit {
color: #d680ec;
text-shadow: 1px 1px 4px #d680ec;
border : 2px #d680ec solid;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius : 40px;
padding: 10px;
height: 60px;
}
p.scro {
height : 55px;
overflow: auto;
}
</style>
</head>
<body>
<div class="all">
<table class="tableau">
<tr>
<td colspan="3" class="t1">
Bienvenue sur Fairy-City {USERNAME}
</td>
</tr>
<tr>
<td colspan="3" class="t2">
Bienvenue à toi dans cet endroit où se détendre et s'amuser est à la base même de son existence... Ne cherchez plus et venez ici, on saura vous accueillir à bras ouvert !
</td>
</tr>
<tr>
<td class="lien">
♪ Liens utiles <br/>
<p><a href="http://fairycityvillage.forumgratuit.org/t5-l-histoire-et-le-contexte" class="lien2">Contexte</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t1-le-reglement" class="lien2">Règlements</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t10-les-especes" class="lien2">Les Races</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t12-les-metiers" class="lien2">Les Métiers</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/f3-fiche-de-presentation" class="lien2">Présentations</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/f16-flood-et-tout-ce-qui-vous-passe-par-la-tete" class="lien2">Section Flood</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/f20-demande-de-rp" class="lien2">de Rp</a><br/>
<a href="http://fairycityvillage.forumgratuit.org/t14-logement" class="lien2">de Logements</a><br/>
<br/></p>
</td>
<td class="empty"><p><img src="http://i36.servimg.com/u/f36/17/26/27/57/bienve10.png" /></p>
</td>
<td class="staff">
♪ Staff
<p> Administrateurs<br/><div class="infobulle1">
<img src="http://i36.servimg.com/u/f36/17/26/27/57/tenshi10.png" style="margin-left:70px;"/>
<span> ¤ Rang : Fonda ¤<br/>
<a href="http://fairycityvillage.forumgratuit.org/u1" class="lienbul">Profil</a>
<a href="http://fairycityvillage.forumgratuit.org/privmsg?mode=post&u=1" class="lienbul">MP</a>
</span>
</div><div class="infobulle1">
<img src="http://i36.servimg.com/u/f36/17/26/27/57/emiya_10.png" style="margin-left:5px;"/>
<span> ¤ Rang : Admin ¤<br/>
<a href="http://fairycityvillage.forumgratuit.org/u54" class="lienbul">Profil</a>
<a href="http://fairycityvillage.forumgratuit.org/privmsg?mode=post&u=54" class="lienbul">MP</a>
</span>
</div>
</p>
<p></p></td>
</tr>
<tr>
<td class="top">
♪ Top site
<p><a href="http://www.root-top.com/topsite/virtu4lhunt3r/in.php?ID=1601"><img src="http://www.planete-smiley.com/images/Pokemon/pok.219.gif"></a><br/>
Pensez à voter toute les deux heures pour avoir de la vie sur le forum ! Merci.
</p>
</td>
<td colspan="2" class="event">
♪ Événements
<marquee behavior="scroll" direction="up" loop="-1" scrolldelay="200" height="100"><p>- L'event spéciale été est lancé, participez entre vous.<br/>
- Des rangs ont était installés. <br/>
- Aeron modérateur choisit pour surveiller la cb en l'absence de deux semaines de Tenshi <br/>
- Nouveau thème par Choko - Event d'été crée pour l'occasion, hésitez pas à demander.<br/>
- Le forum vient d'arriver à 50 membres, merci à tous.<br/>
- Nouveau thème en construction pour le 29/06/12 fait par Choko. Merci.<br/>
- Nouveau STAFF, deux admins et trois modérateurs. <br/>
- Ouverture du forum 26/02/12, il y a 50 habitants, et 1089 messages.
</p></marquee></td>
</tr>
<tr>
<td colspan="2" class="part">
♪ Partenaires
<marquee behavior="scroll" direction="left" loop="-1" width="260">
<p><a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
<a href="lien"><img src="http://i36.servimg.com/u/f36/17/26/27/57/part10.jpg"/></a>
</p></marquee></td>
<td class="credit"> ♪ Crédits <br/>
<p class="scro">
Thème par : Choko. <br/>
Codage P.A par :<br/>
Reine Des Ténèbres sur <a href="http://fairycityvillage.forumgratuit.org/t5-l-histoire-et-le-contexte" class="lien2">Templactif</a>.
</p></td>
</tr>
</table>
</div>
</body>
</html>
Accueil 
Mar 28 Aoû - 16:31