Double-poste, je me le permets car c'est pour te prévenir que j'ai rajouté un petit quelque chose pour séparer les signatures d'un poste, comme tu peux le voir sur moi ^^ quand j'ai vu que tu voulais un truc plus original que les "--------", j'ai cherché la police d'écriture et en quelques trucs sur toshop, c'était bon. En espérant que ça te convienne !
Passons aux choses sérieuses :Pour me rajouter dans la PA en tant qu'administratrice remplaçante, j'ai vu que les codes HTML étaient assez bordéliques mais je n'ai touché qu'à ce qui m'intéressait : le rajout d'un chat à côté du tien pour prévenir les membres et les invités que tu n'es plus seule ^^ du coup, j'ai dû retoucher à cette partie du code HTML mais également à quelques trucs sur les codes CSS. Voilà le avant après.
Code HTML avant : - Code:
-
<tr><td><div class="staff_pa"><div class="titre_pa2">L'équipe</div>
<center><div class="info_b"><img src="http://uprapide.com/images/invite/cat-brown-icon.png" alt="exalyne" /><span>Ewalyne<br />
Fondatrice du forum<br />
<a href="http://world-cats.lebonforum.com/u1" alt="profil">Profil</a> - <a href="http://world-cats.lebonforum.com/privmsg?mode=post&u=1" alt="mp">Mp</a></span>
</center></div></td></tr></table></div>
Code HTML après : - Code:
-
<tr><td><div class="staff_pa"><div class="titre_pa2">L'équipe</div>
<center>
<span class="info_b">
<img src="http://uprapide.com/images/invite/cat-brown-icon.png" alt="Ewalyne" />
<span>Ewalyne<br/>
Fondatrice du forum<br/>
<a href="http://world-cats.lebonforum.com/u1">Profil</a> - <a href="http://world-cats.lebonforum.com/privmsg?mode=post&u=1" alt="mp">Mp</a></span>
</span>
<span class="info_b">
<img src="http://img15.hostingpics.net/pics/172293TinaTWOC.png" alt="Tina" />
<span>Tina<br/>
Admin remplaçante<br/>
<a href="http://world-cats.lebonforum.com/u16">Profil</a> - <a href="http://world-cats.lebonforum.com/privmsg?mode=post&u=16" alt="mp">Mp</a></span>
</span>
</center>
</div></td></tr></table>
Ce que j'ai modifié dans le CSS :Dans .info_b span, j'ai rajouté position: absolute; en dessous de display: none;
Dans .staff_pa, j'ai remplacé height: 95px par height: 90px
Dans .titre_pa2, j'ai rajouté margin-bottom: 2px;
Dans .info_b, j'ai remplacé z-index: 24; par z-index: 0;
Dans .info_b:hover, j'ai rajouté border: 0;
Dans .info_b:hover span, j'ai remplacé height: 60px; par height: auto; , j'ai enlevé le text-align: center; et j'ai mis width: 100px; à 115px; pour enfin rajouter left: -30px;
Et voilà ^^