Forum de test
 

Partagez | 
 

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

Aller en bas 
AuteurMessage
Alondite
Admin
avatar

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

MessageSujet: Codage pa..........   Lun 3 Mar - 17:04

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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://b-s-n.forumactif.org
 
Codage pa..........
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Correction de codage
» Codage des catégories [Lixyr]
» Codage Profil.
» tableau en codage erreur.
» Problème de codage du QEEL

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de test :: Forum de test :: Forums :: Edonis/Zone13-
Sauter vers: