Codage pa..........

Admin Fiche : Blabla Messages : 55 Date d'inscription : 08/04/2013

Code:: .Titre {
  font-family: 'Wallpoet', cursive;
  font-size: 40px;
  color: #620604;
  text-shadow:1px 1px 1px #5e5c5c;
}
.titre {
  font-family: 'Wallpoet', cursive;
  font-size: 25px;
  color: #620604;
  text-shadow:1px 1px 1px #5e5c5c;
}
.bulle { /*l'image qui est survolée*/
  position: relative;
  float: left;
}
.bulle span { /*ne rien modifier*/
  display: none;
}
.bulle:hover { /*ne rien modifier*/
  background:none;
  z-index: 999;
}
.bulle:hover span { /*L'apparence de l'infobulle*/
  display: inline; /* ne pas modifier cette ligne*/
  position: absolute; /* ne pas modifier cette ligne*/
  left: -30px;
  min-height:120px;
  min-width:120px;
  background:black;
  padding:5px;
  text-align:center;
}
.Cadre {
  border:solid 2px black;
}
.cadre2 {
  border-left:solid 10px black;
}

Code:: <div class="Titre">
Bienvenue sur E-Magique<br />
</div><a href="http://e-magique.lebonforum.com/t3-reglements-du-forum-a-lire">Règlements</a> ♦ <a href="http://e-magique.lebonforum.com/t61-contexte-de-e-magique">Contexte</a> ♦ <a href="http://e-magique.lebonforum.com/t57-les-races-jouables-et-non-jouables">Race</a> ♦ <a href="http://e-magique.lebonforum.com/f2-presentation">Présentation</a> ♦ <a href="http://">Staff</a> ♦ <a href="http://e-magique.lebonforum.com/f23-predefinis-valides">Prédéfinis</a> ♦ <a href="http://e-magique.lebonforum.com/f5-questions-problemes">Espace invités</a> ♦ <a href="http://e-magique.lebonforum.com/f6-partenariat">Partenariat</a>
<table>

<tbody>

<tr>

<td style="width: 65%;">

<div class="titre">
Contexte.
</div>

</td>

<td>

<div class="titre">
Nouveautés.
</div>

</td>

</tr>

<tr>

<td style="width: 65%;">

<table>

<tbody>

<tr>

<td>

<div class="Cadre">
<img src="http://img4.hostingpics.net/pics/82203487pa.png" alt="" border="0" />
</div>

</td>

<td>

<div style="text-align:justify;padding:auto;">
En 3045, dans une ville mise à feu et à sang part des anciens humains transformer en monstre part le fléau Yami. Dans la métropole de Susumé seul quelques humains ont survécus à la maladie et qui on part la suite développer des pouvoirs. Quatre survivants on crée leurs clans: La jeune Haru dont le QG n'est d'autre que l’hôpital où elle fut enfermer part le passée, Catherine, jeune femme au bras putride, vivant dans le grand musée de Susumé, Vivaldi, ancienne cantatrice alliant élue domicile dans l’Opéra et Nero, assassin d'un homme politique, qui protège la cathédrale autant que sa vie. Ils combattent pour leur survit, dans un monde où seul la puissance et l’instinct de survie pourront leurs permettent d'un jour sortir de cet Enfer...
</div>

</td>

<td>

<div class="Cadre">
<img src="http://img4.hostingpics.net/pics/193919paa.png" alt="" border="0" />
</div>

</td>

</tr>

</tbody>

</table>

</td>

<td>
→ Affichez, ici, les nouveautés et les annonces de votre forum.<br />→ Affichez, ici, les nouveautés et les annonces de votre forum.<br />→ Affichez, ici, les nouveautés et les annonces de votre forum.<br />→ Affichez, ici, les nouveautés et les annonces de votre forum. <br />
</td>

</tr>

<tr>

<td colspan="2">

<div class="titre">
Staff.<br />
</div><br />
<center>

<div class="bulle">

<div class="cadre2">
<img src="http://img4.hostingpics.net/pics/40907829mj.png" />
</div><span><img src="http://imageshack.us/a/img138/2933/8xv1m8fr.png" /><br />Compte fondateur<br />Maitre du jeu<br /><a href="http://edoniszone-13.lebonforum.com/u1">Profil</a> ♦ <a href="http://edoniszone-13.lebonforum.com/privmsg?mode=post&u=1">MP</a></span>
</div>

<div class="bulle">

<div class="cadre2">
<img src="http://img4.hostingpics.net/pics/779904Elisa.png" />
</div><span><img src="http://img4.hostingpics.net/pics/910518Sanstitre10.png" /><br />Fonction<br />Elisabeth Dietrich<br /><a href="http://edoniszone-13.lebonforum.com/u10">Profil</a> ♦ <a href="http://edoniszone-13.lebonforum.com/privmsg?mode=post&u=10">MP</a></span>
</div>

<div class="bulle">

<div class="cadre2">
<img src="http://img15.hostingpics.net/pics/453743haru.png" />
</div><span><img src="http://img15.hostingpics.net/pics/326028HARU.jpg" /><br />Fonction<br />Haru<br /><a href="http://b-s-n.forumactif.org/u1">Profil</a> ♦ <a href="http://b-s-n.forumactif.org/privmsg?mode=post&u=1">MP</a></span>
</div>

<div class="bulle">

<div class="cadre2">
<img src="http://img11.hostingpics.net/pics/279961Vivaldi.png" />
</div><span><img src="http://img11.hostingpics.net/pics/908591vivaldi2.png" /><br />Fonction<br />Vivaldi<br /><a href="http://b-s-n.forumactif.org/u1">Profil</a> ♦ <a href="http://b-s-n.forumactif.org/privmsg?mode=post&u=1">MP</a></span>
</div>

<div class="bulle">

<div class="cadre2">
<img src="http://img15.hostingpics.net/pics/962144Litha.png" />
</div><span><img src="http://img15.hostingpics.net/pics/251384Litha2.jpg" /><br />Graphiste<br />Aelitha<br /><a href="http://edoniszone-13.lebonforum.com/u12">Profil</a> ♦ <a href="http://edoniszone-13.lebonforum.com/privmsg?mode=post&u=12">MP</a></span>
</div>

</center>

</td>

</tr>

<tr>

<td colspan="2">

<div class="titre">
Partenaires.
</div><br />
<center>
<img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" /><img src="http://img4.hostingpics.net/pics/5988863188.png" />
</center>

</td>

</tr>

</tbody>
</table>