Page d'accueil 2

<TABLE>
<TR>
<TD COLSPAN=3> <div class="dev"><div class="titre">Nom du Forum</div>Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla</div> </TD>
</TR>

<TR>
<TD> <div class="dev2"><div class="titre">Staff</div><div class="infobulle"><img src="image 48*48" border="0" alt="" /> <span><div class="cadreinfobulle"><img src="image 100*150" border="0" alt=""/><br>PSEUDO<br>Rang<br><a href="URL MP" class="postlink" target="_blank" rel="nofollow">MP</a> / <a href="URL PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a></div></span></div> <div class="infobulle"><img src="image 48*48" border="0" alt="" /> <span><div class="cadreinfobulle"><img src="image 100*150" border="0" alt=""/><br>PSEUDO<br>Rang<br><a href="URL MP" class="postlink" target="_blank" rel="nofollow">MP</a> / <a href="URL PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a></div></span></div></div> </TD>
<TD> <div class="dev2"><div class="titre">News</div>Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla</div> </TD>
<TD> <div class="dev2"><div class="titre">Liens</div><url=URL>Lien 1</url><br><url=URL>Lien 2</url><br><url=URL>Lien 3</url><br><url=URL>Lien 4</url></div> </TD>
</TR>

<TR>
<TD COLSPAN=2> <div class="dev3"><div class="titre">Partenaires</div><marquee onmouseover="this.stop();" onmouseout="this.start()" ; scrollAmount="3"
<a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a> <a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a>
<a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a>
<a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a>
<a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a>
<a href="URL"><img src="image 88*31" alt="" title="Nom du forum" /></a>

</marquee>
</div> </TD>
<TD> <div class="dev4"><div class="titre">Top Sites</div><a href="URL"><img src="image 50*50" alt="" title="Top site" /></a> <a href="URL"><img src="image 50*50" alt="" title="Top site" /></a> <a href="URL"><img src="image 50*50" alt="" title="Top site" /></a></div> </TD>
</TR>
</TABLE>
<div class="copyright">Page d'Accueil réalisée par Anicolas de <url=http://templactif.forumgratuit.org>Templactif</url>

<div>

.dev{
  background-color: #CEB1E6;
  width: 610px;
  height: 200px;
  border-top: 4px dotted #1D2AB5;
  border-bottom: 4px dotted #1D2AB5;
  text-align: center;
  -moz-border-radius: 63px;
-webkit-border-radius: 63px;
border-radius: 63px;
}

.dev2{
  background-color: #CEB1E6;
  width: 200px;
  height: 160px;
  border-top: 4px dashed #1D2AB5;
  border-bottom: 4px dashed #1D2AB5;
  text-align: center;
  -moz-border-radius: 33px;
-webkit-border-radius: 33px;
border-radius: 33px;
}

.dev3{
  background-color: #CEB1E6;
  width: 406px;
  height: 90px;
  border-top: 4px dotted #1D2AB5;
  border-bottom: 4px dotted #1D2AB5;
  -moz-border-radius: 63px;
-webkit-border-radius: 63px;
border-radius: 63px;
}

.dev4{
  background-color: #CEB1E6;
  width: 200px;
  height: 90px;
  border-top: 4px dotted #1D2AB5;
  border-bottom: 4px dotted #1D2AB5;
  text-align: center;
  -moz-border-radius: 63px;
-webkit-border-radius: 63px;
border-radius: 63px;
}

.titre{
font-size: 20px;
  font-variant: small-caps;
  text-shadow: 1px 1px 1px #B789D6;
  text-align: center;
  margin-bottom: 6px;
}

.copyright{
font-size: 10px;
  font-variant: small-caps;
  text-shadow: 1px 1px 1px black;
  margin-left: 270px;
}

.cadreinfobulle{
  background-color: #CEB1E6;
  width: 140px;
  height: 220px;
  border-top: 4px solid #edb4bb;
  border-bottom: 4px solid #edb4bb;
  text-align: center;
  padding-top: 5px;
}

/* Info bulle */

div.infobulle{
position: relative;  /*Ceci donne la position de l'infobulle.*/
float: left  /*Ceci dit qu'elle doit flotter à gauche.*/
height:100px;
}

div.infobulle span{
display: none; /*Pour masquer l'infobulle.*/
}

div.infobulle:hover{
background: none;
z-index: 999; /*Valeur pour l'ordre d'affichage.*/
}


div.infobulle:hover span
{
display: inline; /* Affichage de l'infobulle, ne pas toucher.*/
position: absolute; /* Position de l'infobulle.*/
top: 10px; /*Positionnement de l'infobulle.*/