Sujets similaires

Sujet: Problème de PA et infobulle Mar 19 Oct 2010, 10:00

Alors je vous présente mon problème, j'ai une jolie page d'acceuil pour mon forum.
Elle est totalement fini il me reste juste à mettre les infobulles du staff pour remplacer l'image toute moche du staff qui n'est là juste le temps d'attente.
J'installe le code CSS rien ne bug tout est parfait, la vie est belle j'adore.
Je crée les info bulle sur mon forum teste et elle marche super trop bien : • Voir •

Juste que là aucun nuage noir à l'horizon ♥
Mais voila le destin en à décider autrement ...
Si j'ai le malheure d'installer le code des infobulles dans la PA ... bah la moitié de ma PA disparait ...
Il suffit de la remettre me direz vous, bah pensez vous ...
Dès que je le fais, rien ne change ! La moitier de la PA a toujours disparut un enfer !
Et si je veux rééditer, je vois que quand j'ai rajouter le bas, bah la la direct effacer :'(

Voici mon CSS :

Code:: .tstaff{font-size:1em;}

.thumbnail{position: relative;z-index: 0;}

.thumbnail:hover{background-color: transparent;z-index: 50;}

.thumbnail span{
position: absolute;
background-color: #FFA34F;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000000;}

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 15px;
left: 25px;
width: 120px;}

Voici ma PA sans les infobulles :

Code:: <SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px">
<TABLE style="WIDTH: 95%" cellSpacing=5>
<TBODY>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="15%" align=left><FONT color=#827d81>INFORMATION VITALE</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="85%" colSpan=4 align=left><FONT color=#827d81>BIENVENUE SUR : </FONT><FONT color=dimgray>ONE PIECE STRONG WORLD</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; BORDER-TOP: rgb(50,1,4) 1px solid; -moz-border-radius: 5px 5px 5px 5px" rowSpan=3 align=left><DIV class=lien><SPAN class=postlink>
<CENTER>
<FORM><SELECT style="WIDTH: 150px" onchange="location = this.options
[this.selectedIndex].value"> <OPTION selected>† Liens Importants †</OPTION> <OPTION value=http://strong-world.forumactif.com/profile.forum?mode=register>† S'inscrire †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/reglement-a-lire-t1.htm>† Règlement †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-histoire--t4.htm>† Histoire †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm>† Posts Urgents †</OPTION> <OPTION value=http://strong-world.forumactif.com/presentation-f3/>† Présentation †</OPTION> <OPTION value=http://strong-world.forumactif.com/evenement-f82/>† Evénement †</OPTION> <OPTION value=http://strong-world.forumactif.com/oro-jackson-f80/>† Demande rp †</OPTION> <OPTION value=http://strong-world.forumactif.com/demande-de-partenariat-f84/>† Partenariat †</OPTION> <OPTION value=http://strong-world.forumactif.com/shop-f77/>† Boutique †</OPTION> <OPTION value=http://strong-world.forumactif.com/news-f81/>† News †</OPTION> <OPTION value=http://strong-world.forumactif.com/questions-suggestions-f25/>† Questions idées †</OPTION> <OPTION value=http://strong-world.forumactif.com/question-des-invites-f83/>† Visiteurs †</OPTION></SELECT> </FORM></CENTER></SPAN></DIV><DIV class=lien><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/staff_10.png"></SPAN><BR></DIV>------------------<DIV class=lien><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16><DIV align=center><FONT size=1>Design by :<A class=postlink href="http://elegance-temptation.forumsactifs.net/" target=_blank><IMG style="WIDTH: 82px; HEIGHT: 25px" border=0 alt="" src="http://i63.servimg.com/u/f63/15/03/33/24/elegan10.jpg" width=82 height=28></A></FONT><SPAN class=postlink></SPAN></DIV></FONT></B></SPAN><B><FONT color=#650b16></FONT></B></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=red>Protect by :</FONT></B></SPAN></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><IMG src="http://i39.servimg.com/u/f39/14/69/05/68/cs-pu-10.gif" width=76 height=27></SPAN></SPAN><SPAN class=postlink></SPAN></DIV><DIV align=center><BR> </DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN><SPAN class=postlink><BR></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN></DIV><DIV align=center><BR> </DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN><BR><SPAN style="LINE-HEIGHT: normal; COLOR: red; FONT-SIZE: 12px"><SPAN class=postlink><B>Nous recherchons les personnages du Mugiwara.</B></SPAN></SPAN><BR><BR>Si l'un des personnages qui vous intéresses est pris mais que vous voyez qu'il n'est pas actif, envoyez un mp à : <SPAN style="COLOR: navy; FONT-WEIGHT: bold">Monkey D. Garp.</SPAN><BR></DIV><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><BR></SPAN></SPAN><DIV style="TEXT-ALIGN: center"><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"></SPAN><BR></DIV></TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=4 align=left><div align=center><FONT size=4><STRONG>♠ C</STRONG><FONT color=darkred>ontexte</FONT><STRONG> ♠</STRONG></FONT></div>
<p><STRONG></STRONG> </p>
<p><STRONG>L</STRONG>a bataille de Marinford, c'était presque déroulé comme prévus, et Luffy réussit à sauver son frère grâce à l'aide de nouveaux alliés. <STRONG>M</STRONG>ais quelque chose n'était pas prévus au programme, et durant la bataille, alors que tous se battaient, l'apparition de Barbe Noir accompagné des plus grands criminels d'Impel Down et le traitre de la Marine, tentèrent de tuer Barbe Blanche. <STRONG>I</STRONG>l échoua néanmoins, durant l'attaque plus que puissante, Barbe Blanche tomba au fond de l'eau, mais il ne fut pas le seul : Ace & Luffy, Jinbei également pour aller les chercher. <STRONG>Q</STRONG>ue va t-il se passer maintenant ? <STRONG>O</STRONG>ù sont-ils allez ? <STRONG>Q</STRONG>ue va devenir le destin du monde maintenant ?</p>
<p> </p>
<p><STRONG>S</STRONG>i Ace et Luffy ont été retrouver, les deux autres sont toujours portés disparut. <STRONG>L</STRONG>a marine pour ne pas arranger les choses comptes bien profiter de la dispertion de l'equipage des Mugiwara pour les attaquer. <STRONG>D</STRONG>e quel côté serez vous ?<BR></p><DIV style="TEXT-ALIGN: center"><B>~ </B><BR></DIV><DIV style="TEXT-ALIGN: right"><SPAN style="FONT-STYLE: italic"><STRONG>R</STRONG>ejoins-nous dès maintenant<BR>• <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=register" target=_blank>Inscription</A> •</SPAN><BR></DIV></TD></TR>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(237,161,90) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>NOUS RECRUTONS</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>NEWS & INTRIGUES</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>-<FONT color=darkred><STRONG>Marines</STRONG></FONT>, Shichibukai, Post Libre <A class=postlink href="http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm" target=_blank>• ICI •</A><BR>-Inscription avec <STRONG><U>nom complet</U> <EM><FONT color=darkred>[D interdit]</FONT></EM><BR></STRONG>-Logia & Haki des roi <STRONG style="FONT-WEIGHT: normal">pour les </STRONG>bon niveau.<BR>-Équipage inventé interdit [remplissez ceux qui sont là]</TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>
<MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height=40 scrollAmount=1 align="center"><B>Août </B>: Nettoyage.<BR><B>Août </B>: changement de contexte.<BR><B>Août</B> : Feuille de perso.<BR><B>Rentrée</B> : Evenement.<BR><B>Rentrée</B> : Changement Staff.<BR><B>Octobre</B> : Nettoyage.<BR><B>Octobre</B> : Purge des Postes.<BR><B>Octobre</B> : Evenement.<BR><B>Decembre</B> : Purge membre.<BR><B>Decembre</B> : Purge postes.<BR><B>Janvier</B> : Nouvelle année.<BR><B>Un jour</B> : New Design.<BR></MARQUEE></TD></TR>

<tr><td colspan="2" style="margin: auto; background: #EDA15A url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) repeat scroll 0% 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold; padding-left: 15px;" align="left"><font color="#827d81">NOS ELITES & TOP SITE <br></font></td><td colspan="3" style="margin: auto; background: #EDA15A url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) repeat scroll 0% 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold; padding-left: 15px;" align="left"><font color="#827d81">INTRIGUE DU MOMENT<br></font></td></tr>

<tr><td colspan="2" style="border-top: 1px solid rgb(50, 1, 4); border-bottom: 1px solid rgb(50, 1, 4); padding: 15px; background-color: #EDA15A; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-variant: small-caps; text-align: center;" align="left"><span class="postlink"></span><a href="http://lavolontedud-v2.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part1_10.jpg" border="0" alt="" /></a> <a href="http://naruto-sentaishi.my-rpg.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part3_10.jpg" border="0" alt="" /></a> <a href="http://one-piece-saigo-jida.forums-actifs.net/" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part4_10.jpg" border="0" alt="" /></a> <a href="http://kojiin-rpg.forumactif.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part5_10.jpg" border="0" alt="" /></a> <a href="http://pirates-des-caraibes.forums-actifs.com/forum.htm" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part6_10.jpg" border="0" alt="" /></a> <a href="http://koko-debut-internat.forumactif.com/" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/part7_10.jpg" border="0" alt="" /></a><br><a href="http://www.root-top.com/topsite/abysses/in.php?ID=3266" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4485" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/queencityadmin/in.php?ID=158" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4045" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg" border="0" alt="" /></a>

<a href="http://www.root-top.com/topsite/obsession27/in.php?ID=14022" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/boa/in.php?ID=2795" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=786" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg" border="0" alt="" /></a> <a href="http://www.root-top.com/topsite/bestofrpgmanga/in.php?ID=67" class="postlink" target="_blank"><img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg" border="0" alt="" /></a>
<br><br><span class="postlink"><br></span></td>

<td colspan="3" style="border-top: 1px solid rgb(50, 1, 4); border-bottom: 1px solid rgb(50, 1, 4); padding: 15px; background-color: #EDA15A; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-variant: small-caps; text-align: center;" align="left"><div style="margin: auto; text-align: center; width: 100%;"><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR"></script><script type="text/javascript">FB.init("02205c5af0d06b915dbff8be9242063b");</script><font size="1">A venir<br></font></div><br></td></tr>

<tr><td colspan="5" style="margin: auto; background: #EDA15A url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) repeat scroll 0% 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold; padding-left: 15px;" align="left"><font color="#827d81">STAFF DU FORUM<br></font></td></tr>

<tr><td colspan="5" style="border-top: 1px solid rgb(50, 1, 4); border-bottom: 1px solid rgb(50, 1, 4); padding: 5px; background-color: #EDA15A; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-variant: small-caps; text-align: center;" align="left"><span style="color: DimGray;"><span style="text-decoration: underline;">image 100x50 </span></span><br></td></tr></tbody></table></span>

Voici ma PA avec les infobulles :

Code:: <SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px">
<TABLE style="WIDTH: 95%" cellSpacing=5>
<TBODY>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="15%" align=left><FONT color=#827d81>INFORMATION VITALE</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="85%" colSpan=4 align=left><FONT color=#827d81>BIENVENUE SUR : </FONT><FONT color=dimgray>ONE PIECE STRONG WORLD</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; BORDER-TOP: rgb(50,1,4) 1px solid; -moz-border-radius: 5px 5px 5px 5px" rowSpan=3 align=left><DIV class=lien><SPAN class=postlink>
<CENTER>
<FORM><SELECT style="WIDTH: 150px" onchange="location = this.options
[this.selectedIndex].value"> <OPTION selected>† Liens Importants †</OPTION> <OPTION value=http://strong-world.forumactif.com/profile.forum?mode=register>† S'inscrire †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/reglement-a-lire-t1.htm>† Règlement †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-histoire--t4.htm>† Histoire †</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm>† Posts Urgents †</OPTION> <OPTION value=http://strong-world.forumactif.com/presentation-f3/>† Présentation †</OPTION> <OPTION value=http://strong-world.forumactif.com/evenement-f82/>† Evénement †</OPTION> <OPTION value=http://strong-world.forumactif.com/oro-jackson-f80/>† Demande rp †</OPTION> <OPTION value=http://strong-world.forumactif.com/demande-de-partenariat-f84/>† Partenariat †</OPTION> <OPTION value=http://strong-world.forumactif.com/shop-f77/>† Boutique †</OPTION> <OPTION value=http://strong-world.forumactif.com/news-f81/>† News †</OPTION> <OPTION value=http://strong-world.forumactif.com/questions-suggestions-f25/>† Questions idées †</OPTION> <OPTION value=http://strong-world.forumactif.com/question-des-invites-f83/>† Visiteurs †</OPTION></SELECT> </FORM></CENTER></SPAN></DIV><DIV class=lien><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/staff_10.png"></SPAN><BR></DIV>------------------<table border="0"><tr><td align="center"><TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_10.jpg"> <SPAN><DIV class=tstaff align=center>♠ Monkey D. Garp ♠ <IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_11.jpg"><BR>Retraité du forum<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=1" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=1" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/validees-f86/monkey-d-garp-t5.htm" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/technique-validee-f91/technique-de-garp-t245.htm" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td><td align="left">
<TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i38.servimg.com/u/f38/14/28/12/86/staff210.jpg"> <SPAN><DIV class=tstaff align=center>♠ Strange D. Nana ♠ <IMG src="http://i38.servimg.com/u/f38/14/28/12/86/staff_10.jpg"><BR>Admin sexy du forum<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=5" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=5" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td><td align="left">
<TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_12.jpg"> <SPAN><DIV class=tstaff align=center>♠ Portgas D. Ace ♠ <IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_13.jpg"><BR>Grand méchant Loup<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=64" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=64" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/validees-f86/ace-aux-poings-ardent-t254.htm" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/technique-validee-f91/mera-mera-no-mie-portgas-d-ace-t255.htm" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td></tr></table>

<table border="0"><tr><td align="center"><TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_14.jpg"> <SPAN><DIV class=tstaff align=center>♠ Nichol D. Heyward ♠ <IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_15.jpg"><BR>Je surveille attention<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=65" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A> • <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=65" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/validees-f86/nichol-d-heyward-validee-t377.htm" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/technique-validee-f91/techniques-de-nichol-byakko-t383.htm" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td><td align="left">
<TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_16.jpg"> <SPAN><DIV class=tstaff align=center>♠ Marco le Phoenix ♠ <IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_17.jpg"><BR>Modo très motivé<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=90" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A> • <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=90" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/validees-f86/marco-validee-t400.htm" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/technique-validee-f91/ft-de-marco-on-peut-dire-fini-vu-qu-on-ne-sait-rien-d-autre-de-marco-t451.htm" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td><td align="left">
<TABLE><TBODY><TR><TD><DIV class=thumbnail><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_18.jpg"> <SPAN><DIV class=tstaff align=center>♠ Titania Kesla ♠ <IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_19.jpg"><BR>Modératrice du Forum<BR><A class=postlink href="http://strong-world.forumactif.com/msg.forum?mode=post&u=44" target=_blank><FONT color=black>M</FONT><FONT color=darkred>p</FONT></A> • <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=44" target=_blank><FONT color=black>P</FONT><FONT color=darkred>rofil</FONT></A><A class=postlink href="http://strong-world.forumactif.com/" target=_blank><FONT color=black>P</FONT><FONT color=darkred>résentation</FONT></A><BR><A class=postlink href="http://strong-world.forumactif.com/" target=_blank><FONT color=black>T</FONT><FONT color=darkred>echnique</FONT></A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE></td></tr></table>------------------<DIV class=lien><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16><DIV align=center><FONT size=1>Design by :<A class=postlink href="http://elegance-temptation.forumsactifs.net/" target=_blank><IMG style="WIDTH: 82px; HEIGHT: 25px" border=0 alt="" src="http://i63.servimg.com/u/f63/15/03/33/24/elegan10.jpg" width=82 height=28></A></FONT><SPAN class=postlink></SPAN></DIV></FONT></B></SPAN><B><FONT color=#650b16></FONT></B></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=red>Protect by :</FONT></B></SPAN></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><IMG src="http://i39.servimg.com/u/f39/14/69/05/68/cs-pu-10.gif" width=76 height=27></SPAN></SPAN><SPAN class=postlink></SPAN></DIV><DIV align=center><BR> </DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN><SPAN class=postlink><BR></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN></DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN></DIV><DIV align=center><BR> </DIV><DIV class=lien align=center><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><B><FONT color=#650b16>L</FONT>iens</B></SPAN></SPAN><BR><SPAN style="LINE-HEIGHT: normal; COLOR: red; FONT-SIZE: 12px"><SPAN class=postlink><B>Nous recherchons les personnages du Mugiwara.</B></SPAN></SPAN><BR><BR>Si l'un des personnages qui vous intéresses est pris mais que vous voyez qu'il n'est pas actif, envoyez un mp à : <SPAN style="COLOR: navy; FONT-WEIGHT: bold">Monkey D. Garp.</SPAN><BR></DIV><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><BR></SPAN></SPAN><DIV style="TEXT-ALIGN: center"><SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"></SPAN><BR></DIV></TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=4 align=left><div align=center><FONT size=4><STRONG>♠ C</STRONG><FONT color=darkred>ontexte</FONT><STRONG> ♠</STRONG></FONT></div>
<p><STRONG></STRONG> </p>
<p><STRONG>L</STRONG>a bataille de Marinford, c'était presque déroulé comme prévus, et Luffy réussit à sauver son frère grâce à l'aide de nouveaux alliés. <STRONG>M</STRONG>ais quelque chose n'était pas prévus au programme, et durant la bataille, alors que tous se battaient, l'apparition de Barbe Noir accompagné des plus grands criminels d'Impel Down et le traitre de la Marine, tentèrent de tuer Barbe Blanche. <STRONG>I</STRONG>l échoua néanmoins, durant l'attaque plus que puissante, Barbe Blanche tomba au fond de l'eau, mais il ne fut pas le seul : Ace & Luffy, Jinbei également pour aller les chercher. <STRONG>Q</STRONG>ue va t-il se passer maintenant ? <STRONG>O</STRONG>ù sont-ils allez ? <STRONG>Q</STRONG>ue va devenir le destin du monde maintenant ?</p>
<p> </p>
<p><STRONG>S</STRONG>i Ace et Luffy ont été retrouver, les deux autres sont toujours portés disparut. <STRONG>L</STRONG>a marine pour ne pas arranger les choses comptes bien profiter de la dispertion de l'equipage des Mugiwara pour les attaquer. <STRONG>D</STRONG>e quel côté serez vous ?<BR></p><DIV style="TEXT-ALIGN: center"><B>~ </B><BR></DIV><DIV style="TEXT-ALIGN: right"><SPAN style="FONT-STYLE: italic"><STRONG>R</STRONG>ejoins-nous dès maintenant<BR>• <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=register" target=_blank>Inscription</A> •</SPAN><BR></DIV></TD></TR>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(237,161,90) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>NOUS RECRUTONS</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>NEWS & INTRIGUES</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>-<FONT color=darkred><STRONG>Marines</STRONG></FONT>, Shichibukai, Post Libre <A class=postlink href="http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm" target=_blank>• ICI •</A><BR>-Inscription avec <STRONG><U>nom complet</U> <EM><FONT color=darkred>[D interdit]</FONT></EM><BR></STRONG>-Logia & Haki des roi <STRONG style="FONT-WEIGHT: normal">pour les </STRONG>bon niveau.<BR>-Équipage inventé interdit [remplissez ceux qui sont là]</TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>
<MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height=40 scrollAmount=1 align="center"><B>Août </B>: Nettoyage.<BR><B>Août </B>: changement de contexte.<BR><B>Août</B> : Feuille de perso.<BR><B>Rentrée</B> : Evenement.<BR><B>Rentrée</B> : Changement Staff.<BR><B>Octobre</B> : Nettoyage.<BR><B>Octobre</B> : Purge des Postes.<BR><B>Octobre</B> : Evenement.<BR><B>Decembre</B> : Purge membre.<BR><B>Decembre</B> : Purge postes.<BR><B>Janvier</B> : Nouvelle année.<BR><B>Un jour</B> : New Design.<BR></MARQUEE></TD></TR>

<tr><td colspan="2" style="margin: auto; background: #EDA15A url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) repeat scroll 0% 50%; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; font-weight: bold; padding-left: 15px;" align="left"><font color="#827d81">NOS ELITES & TOP SITE <br></font></td><td colspan="3" style="margin: auto; background: #EDA15A url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) repeat scroll 0% 50%; -moz-border-radius-topleft: 5

Et voila le screen avant :
https://i.servimg.com/u/f28/14/28/12/86/pa_one10.jpg

Et le screen après :
https://i.servimg.com/u/f28/14/28/12/86/pa_one11.jpg

En espérant que quelqu'un réussira à trouver pourquoi ma PA m'abandonne à moitier :'(
Mon pauvre p'tit forum T^T

Pourtant sur le forum d'un ami ou j'ai fais des infobulles (trop grosse à mon gout mais il voulait que sa se VOIT ...) :

http://k-h-r-rpg.forums-actifs.com/forum.htm

Sujet: Re: Problème de PA et infobulle Mer 20 Oct 2010, 10:22

À vrai dire c'est sûrement moi qui a un problème, parce que je ne vois pas ton problème.. XD mais, pourrais-tu me donner un aperçu avec des indications ? (:

Sujet: Re: Problème de PA et infobulle Mer 20 Oct 2010, 10:32

J'ai mis de screen à la fin =D
Où on voit que le bas de la PA n'est pas pareille et que tout le code se coupe si je met les infobulle :'(

Sujet: Re: Problème de PA et infobulle Mer 20 Oct 2010, 10:35

Ahhh, alors là, je ne sais vraiment pas.. ><

Sujet: Re: Problème de PA et infobulle Mer 20 Oct 2010, 10:45

Arf :/ Mince
faut que je trouve :'(

Sujet: Re: Problème de PA et infobulle Ven 22 Oct 2010, 12:02

Bonjour;

Ton code avec les infobulles semble coupé, comme s'il n'avait pas assez de place.
La page d'accueil forumactif est limitée en nombre de caractère; et ton codage est énorme et pourrait facilement être réduit en utilisant la feuille CSS =) Je pense que c'est à cause de cela que ton code ne fonctionne pas =)

Je veux bien t'aider à le rendre plus clair si tu le souhaites; mais j'avoue que je ne vois pas tellement où doivent se placer les infobulles ? Si j'utilise ton code sans infobulle, j'ai ceci : https://2img.net/r/ihimizer/img221/5053/sanstitre1kq.png Les infobulles vont où ? Sur le staff en haut à gauche ?

Sujet: Re: Problème de PA et infobulle Ven 22 Oct 2010, 14:14

Il y a un nombre limité O.O
Merde je savais pas T^T

Alors j’ai modifier le code de la PA (enfaite j’ai retirer tout ce qui était inutile) ce qui nous donne :

Code:: <SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px">
<TABLE style="WIDTH: 95%" cellSpacing=5>
<TBODY>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="15%" align=left><FONT color=#827d81>INFORMATION</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="85%" colSpan=4 align=left><FONT color=#827d81>BIENVENUE SUR : </FONT><FONT color=dimgray>ONE PIECE STRONG WORLD</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; BORDER-TOP: rgb(50,1,4) 1px solid; -moz-border-radius: 5px 5px 5px 5px" rowSpan=3 align=left><DIV class=lien><SPAN class=postlink>
<CENTER>
<FORM>
<p><SELECT style="WIDTH: 150px" onchange="location = this.options
[this.selectedIndex].value"> <OPTION selected>† Liens Importants †</OPTION> <OPTION value=http://strong-world.forumactif.com/profile.forum?mode=register>• S'inscrire •</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/reglement-a-lire-t1.htm>• Règlement •</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-histoire--t4.htm>• Histoire •</OPTION> <OPTION value=http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm>• Posts Urgents •</OPTION> <OPTION value=http://strong-world.forumactif.com/presentation-f3/>• Présentation •</OPTION> <OPTION value=http://strong-world.forumactif.com/evenement-f82/>• Evénement •</OPTION> <OPTION value=http://strong-world.forumactif.com/oro-jackson-f80/>• Demande rpg •</OPTION> <OPTION value=http://strong-world.forumactif.com/demande-de-partenariat-f84/>• Partenariat •</OPTION> <OPTION value=http://strong-world.forumactif.com/shop-f77/>• Boutique •</OPTION> <OPTION value=http://strong-world.forumactif.com/news-f81/>• News •</OPTION> <OPTION value=http://strong-world.forumactif.com/questions-suggestions-f25/>• Questions idées •</OPTION> <OPTION value=http://strong-world.forumactif.com/question-des-invites-f83/>• Visiteurs •</OPTION></SELECT> </p><div align=center><IMG src="http://i28.servimg.com/u/f28/14/28/12/86/staff_10.png"></div></FORM></CENTER></SPAN></DIV><DIV class=lien><BR></DIV></TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=4 align=left><DIV align=center><FONT size=4><STRONG>♠ C</STRONG><FONT color=darkred>ontexte</FONT><STRONG> ♠</STRONG></FONT></DIV>
<p><STRONG></STRONG> </p>
<p><STRONG>L</STRONG>a bataille de Marinford, c'était presque déroulé comme prévus, et Luffy réussit à sauver son frère grâce à l'aide de nouveaux alliés. <STRONG>M</STRONG>ais quelque chose n'était pas prévus au programme, et durant la bataille, alors que tous se battaient, l'apparition de Barbe Noir accompagné des plus grands criminels d'Impel Down et le traitre de la Marine, tentèrent de tuer Barbe Blanche. <STRONG>I</STRONG>l échoua néanmoins, durant l'attaque plus que puissante, Barbe Blanche tomba au fond de l'eau, mais il ne fut pas le seul : Ace & Luffy, Jinbei également pour aller les chercher. <STRONG>Q</STRONG>ue va t-il se passer maintenant ? <STRONG>O</STRONG>ù sont-ils allez ? <STRONG>Q</STRONG>ue va devenir le destin du monde maintenant ?</p>
<p> </p>
<p><STRONG>S</STRONG>i Ace et Luffy ont été retrouver, les deux autres sont toujours portés disparut. <STRONG>L</STRONG>a marine pour ne pas arranger les choses comptes bien profiter de la dispertion de l'equipage des Mugiwara pour les attaquer. <STRONG>D</STRONG>e quel côté serez vous ?<BR></p><DIV style="TEXT-ALIGN: center"><B>~ </B><BR></DIV><DIV style="TEXT-ALIGN: right"><SPAN style="FONT-STYLE: italic"><STRONG>R</STRONG>ejoins-nous dès maintenant<BR>• <A class=postlink href="http://strong-world.forumactif.com/profile.forum?mode=register" target=_blank>Inscription</A> •</SPAN><BR></DIV></TD></TR>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(237,161,90) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>RECRUTEMENT</FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) rgb(246,241,247) 0% 50%; FONT-WEIGHT: bold; -moz-border-radius: 5px 5px 5px 5px; -moz-background-size: auto auto; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" width="25%" colSpan=2 align=left><FONT color=#827d81>NEWS</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>
<p>-<FONT color=darkred><STRONG>Marines</STRONG></FONT>, <STRONG>Shichibukai</STRONG>, Post Libre <A class=postlink href="http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm" target=_blank>• ICI •</A><BR>-<U>Recherche</U> : <FONT color=darkred>Ussop, Chopper, Franky, Brook</FONT>.<BR>-Inscription avec <STRONG><U>nom complet.</U></STRONG><BR>-Il faut une bonne raison pour avoir le D.<STRONG><BR></STRONG>-Logia & Haki des roi <STRONG style="FONT-WEIGHT: normal">pour les </STRONG>bon niveau.<BR>-Équipage inventé interdit [remplissez ceux qui sont là]</p></TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: justify; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: rgb(237,161,90); FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius: 5px 5px 5px 5px" colSpan=2 align=left>
<MARQUEE style="WIDTH: 211px; HEIGHT: 71px" onmouseover=this.stop() onmouseout=this.start() direction=up height=71 scrollAmount=1 align="center"><B>Août </B>: Nettoyage.<BR><B>Août </B>: changement de contexte.<BR><B>Août</B> : Feuille de perso.<BR><B>Rentrée</B> : Evenement.<BR><B>Rentrée</B> : Changement Staff.<BR><B>Octobre</B> : Nettoyage.<BR><B>Octobre</B> : Purge des Postes.<BR><B>Octobre</B> : Evenement.<BR><B>Decembre</B> : Purge membre.<BR><B>Decembre</B> : Purge postes.<BR><B>Janvier</B> : Nouvelle année.<BR><B>Un jour</B> : New Design.<BR></MARQUEE></TD></TR>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) #eda15a 0% 50%; FONT-WEIGHT: bold; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=2 align=left><FONT color=#827d81>ELITES & TOP SITE <BR></FONT></TD>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) #eda15a 0% 50%; FONT-WEIGHT: bold; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=3 align=left><FONT color=#827d81>EVENEMENT</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #eda15a; FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=2 align=left><SPAN class=postlink></SPAN><A class=postlink href="http://lavolontedud-v2.forumactif.com/forum.htm" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part1_10.jpg"></A> <A class=postlink href="http://naruto-sentaishi.my-rpg.com/forum.htm" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part3_10.jpg"></A> <A class=postlink href="http://one-piece-saigo-jida.forums-actifs.net/" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part4_10.jpg"></A> <A class=postlink href="http://kojiin-rpg.forumactif.com/forum.htm" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part5_10.jpg"></A> <A class=postlink href="http://pirates-des-caraibes.forums-actifs.com/forum.htm" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part6_10.jpg"></A> <A class=postlink href="http://koko-debut-internat.forumactif.com/" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/part7_10.jpg"></A><BR><A class=postlink href="http://www.root-top.com/topsite/abysses/in.php?ID=3266" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4485" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/queencityadmin/in.php?ID=158" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4045" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/obsession27/in.php?ID=14022" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/boa/in.php?ID=2795" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=786" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></A> <A class=postlink href="http://www.root-top.com/topsite/bestofrpgmanga/in.php?ID=67" target=_blank><IMG border=0 alt="" src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></A> <BR><BR><SPAN class=postlink><BR></SPAN></TD>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 15px; BACKGROUND-COLOR: #eda15a; FONT-VARIANT: small-caps; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 15px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=3 align=left><DIV style="TEXT-ALIGN: center; MARGIN: auto; WIDTH: 100%">
<SCRIPT type=text/javascript src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/fr_FR"></SCRIPT>

<SCRIPT type=text/javascript>FB.init("02205c5af0d06b915dbff8be9242063b");</SCRIPT>
<FONT size=1>A venir<BR></FONT></DIV><BR></TD></TR>
<TR>
<TD style="MARGIN: auto; PADDING-LEFT: 15px; BACKGROUND: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg) #eda15a 0% 50%; FONT-WEIGHT: bold; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=5 align=left><FONT color=#827d81>PETITE NOTE :</FONT></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #eda15a; FONT-VARIANT: small-caps; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" colSpan=5 align=left>Design by <A class=postlink href="http://elegance-temptation.forumsactifs.net/" target=_blank><IMG style="WIDTH: 82px; HEIGHT: 25px" border=0 alt="" src="http://i63.servimg.com/u/f63/15/03/33/24/elegan10.jpg" width=82 height=28></A> & Protect by <SPAN style="LINE-HEIGHT: normal; FONT-SIZE: 12px"><SPAN class=postlink><IMG src="http://i39.servimg.com/u/f39/14/69/05/68/cs-pu-10.gif" width=76 height=27></SPAN></SPAN></TD></TR></TBODY></TABLE></SPAN>

Il y a juste à placer les info bulle sous l’image « staff du forum » =D

Sujet: Re: Problème de PA et infobulle Ven 22 Oct 2010, 14:43

Okay je vois xD
Par "réduire", je pensais surtout à l'utilisation des "class CSS". Je ne sais pas si tu sais ce que c'est ou pas. Si non, je t'invite à lire la partie du Cours sur le HTML & le CSS; partie qui s'appelle "Syntaxe du code" dans le second message.

En gros, utliser les class CSS permet de réduire considérablement la taille de ton code; puisque tous les éléments de ce type : "BORDER-BOTTOM: rgb(50,1,4) 1px solid; TEXT-ALIGN: center; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #eda15a; FONT-VARIANT: small-caps; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: rgb(50,1,4) 1px solid; PADDING-TOP: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px" sont notés dans la feuille CSS du forum.

Disons que tu veux faire un cadre de 3 pixels, rouge et que dedans tu veux un texte en majuscule et bras; avec ta méthode tu écrirais ça comme ça :

Code:: <div style="border: 3px solid red; text-transform: uppercase; font-weight: bold;">Mon texte en majuscule
et gras dans mon bloc
encadré en rouge;
ça donne ceci =)</div>

Tandis que si j'utilise ma méthode avec les class et le CSS; ça donne cela :

Code:: <div id="cadre">Mon texte en majuscule
et gras dans mon bloc
encadré en rouge;
ça donne ceci =)</div>

Et dans Panneau affichage >> Affichage >> Couleurs : feuille CSS; je colle mes effets :

Code:: .cadre /* NOM DE MA CLASS */
{border: 3px solid red;
text-transform: uppercase;
font-weight: bold;}

--- C'était le cours du soir *se prend une poêle*
J'essaye de te faire tes infobulles ce soir *mais après Koh-Lanta xD*

Sujet: Re: Problème de PA et infobulle Ven 22 Oct 2010, 14:46

Oui j'ai déjà mis des choses dans mon CSS mais là je t'avoue que je m'y perd carrément beaucoup lol

Sujet: Re: Problème de PA et infobulle Ven 22 Oct 2010, 19:28

Okay, alors je suis repartie de ton code de base et j'ai nettoyé tout ça \o/
J'ai essayé de rendre cela le plus clair possible; j'ai aussi mis des annotations comme ceci :  &

Code:: <table align="center" width="95%">
<tr>
<td width="30%" rowspan="2" align="center" valign="top">
   <div class="titre">Information</div>
   <div class="contenu" align="center">
      
      <br><form><select style="width: 150px" onchange="location = this.options[this.selectedIndex].value">
      <option selected>† Liens Importants †</option>
      <option value="http://strong-world.forumactif.com/profile.forum?mode=register">† S'inscrire †</option>
      <option value="http://strong-world.forumactif.com/reglement-f1/reglement-a-lire-t1.htm">† Règlement †</option>
      <option value="http://strong-world.forumactif.com/reglement-f1/-histoire--t4.htm">† Histoire †</option>
      <option value="http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm">† Posts Urgents †</option>
      <option value="http://strong-world.forumactif.com/presentation-f3/">† Présentation †</option>
      <option value="http://strong-world.forumactif.com/evenement-f82/">† Evénement †</option>
      <option value="http://strong-world.forumactif.com/oro-jackson-f80/">† Demande rp †</option>
      <option value="http://strong-world.forumactif.com/demande-de-partenariat-f84/">† Partenariat †</option>
      <option value="http://strong-world.forumactif.com/shop-f77/">† boutique †</option>
      <option value="http://strong-world.forumactif.com/news-f81/">† News †</option>
      <option value="http://strong-world.forumactif.com/questions-suggestions-f25/">† Questions idées †</option>
      <option value="http://strong-world.forumactif.com/question-des-invites-f83/">† Visiteurs †</option>
      </select></form>
      

      <br>

      <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_10.png">

      
      <table align="center">
      <tr>
         <td>
            <div class="tstaff">
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_10.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Monkey D. Garp &spades </font><br>
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_11.jpg"><br>
            Retraité du forum<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=1"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=1"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com/validees-f86/monkey-d-garp-t5.htm"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com/technique-validee-f91/technique-de-garp-t245.htm"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>

         <td>
            <div class="tstaff">
            <img src="http://i38.servimg.com/u/f38/14/28/12/86/staff210.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Strange D. Nana &spades </font><br>
            <img src="http://i38.servimg.com/u/f38/14/28/12/86/staff_10.jpg"><br>
            Admin sexy du forum<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=5"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=5"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com/"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>

         <td>
            <div class="tstaff">
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_12.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Portgas D. Ace &spades </font><br>
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_13.jpg"><br>
            Grand méchant Loup<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=64"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=64"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com/validees-f86/ace-aux-poings-ardent-t254.htm"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com/technique-validee-f91/mera-mera-no-mie-portgas-d-ace-t255.htm"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>
      </tr>

      <tr>
         <td>
            <div class="tstaff">
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_14.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Nichol D. Heyward &spades </font><br>
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_15.jpg"><br>
            Je surveille attention<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=65"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=65"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com/validees-f86/nichol-d-heyward-validee-t377.htm"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com/technique-validee-f91/techniques-de-nichol-byakko-t383.htm"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>

         <td>
            <div class="tstaff">
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_16.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Marco le Phoenix &spades </font><br>
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_17.jpg"><br>
            Modo très motivé<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=90"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=90"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com/validees-f86/marco-validee-t400.htm"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com/technique-validee-f91/ft-de-marco-on-peut-dire-fini-vu-qu-on-ne-sait-rien-d-autre-de-marco-t451.htm"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>

         <td>
            <div class="tstaff">
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_18.jpg">
            <span>
            <font style="font-variant: small-caps; font-weight: bold; letter-spacing: 1px;">&spades Titania Kesla &spades </font><br>
            <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_19.jpg"><br>
            Modératrice du Forum<br><br>
            <div><a href="http://strong-world.forumactif.com/msg.forum?mode=post&u=44"><font color="black">M</font><font color="darkred">P</font></a> &bull
            <a href="http://strong-world.forumactif.com/profile.forum?mode=viewprofile&u=44"><font color="black">P</font><font color="darkred">rofil</font></a><br>
            <a href="http://strong-world.forumactif.com"><font color="black">P</font><font color="darkred">résentation</font></a><br>
            <a href="http://strong-world.forumactif.com"><font color="black">T</font><font color="darkred">echnique</font></a>
            </div>
            </span>
            </div>
         </td>
      </tr>
      </table><br>
   

      
      <table align="center"><tr>
         <td align="center"><b>Design by :</b><br>
         <a class="postlink" href="http://elegance-temptation.forumsactifs.net">
         <img src="http://i63.servimg.com/u/f63/15/03/33/24/elegan10.jpg"></a>
         </td>

         <td align="center"><b>Protect by :</b><br>
         <img src="http://i39.servimg.com/u/f39/14/69/05/68/cs-pu-10.gif">
         </td>
      </tr></table><br>
      
   </div>
   </td>

<td width="70%" colspan="2" align="center" valign="top">
   <div class="titre">Bienvenue sur : One piece strong world</div>
   <div class="contenu">
      
      <div align="justify">
      <div style="font-size: 18px; font-weight: bold; color: darkred;" align="center">&spades <font color="black">C</font>ontexte &spades </div><br>
      <b>L</b>a bataille de Marinford, s'était presque déroulée comme prévue, et Luffy réussit à sauver son frère grâce à l'aide de nouveaux alliés.
      <b>M</b>ais quelque chose n'était pas prévu au programme, et durant la bataille, alors que tous se battaient, l'apparition de barbe Noir
      accompagné des plus grands criminels d'Impel Down et le traitre de la Marine, tentèrent de tuer barbe blanche.
      <b>I</b>l échoua néanmoins, durant l'attaque plus que puissante, barbe blanche tomba au fond de l'eau, mais il ne fut pas le seul :
      Ace & Luffy, Jinbei également pour aller les chercher. <b>Q</b>ue va t-il se passer maintenant ? <b>O</b>ù sont-ils allés ?
      <b>Q</b>ue va devenir le destin du monde maintenant ? <b>S</b>i Ace et Luffy ont été retrouvés, les deux autres sont toujours portés disparus.
      <b>L</b>a marine, pour ne pas arranger les choses, compte bien profiter de la disparition de l'équipage des Mugiwara pour les attaquer.
      <b>D</b>e quel côté serez vous ?<br>
      <div align="center"><b>~ </b><br></div>
      <div align="right"><i><b>R</b>ejoins-nous dès maintenant<br>•
      <a class="postlink" href="http://strong-world.forumactif.com/profile.forum?mode=register">Inscription</a> •<br></div>
      </div>
      
   </div>
   </td>
</tr>

<tr>
<td width="35%" align="center" valign="top">
   <div class="titre">Recrutements</div>
   <div class="contenu">
      
      <div align="left">
      - <font color="darkred"><b>Marines</b></font>, Shichibukai, Post Libre
      <a class="postlink" href="http://strong-world.forumactif.com/reglement-f1/-liste-des-personnages--t3.htm">• ICI •</a><br>
      - Inscription avec <b><u>nom complet</u> <font color="darkred">[D interdit]</font></b><br>
      - Logia & Haki des roi pour les bons niveaux.<br>
      - Équipage inventé interdit [remplissez ceux qui sont là]
      </div>
      
   </div>
   </td>

<td width="35%" align="center" valign="top">
   <div class="titre">News</div>
   <div class="contenu">
      
      <marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" height="110px" scrollamount="1" align="center">
      <b>Août </b>: Nettoyage.<br>
      <b>Août </b>: changement de contexte.<br>
      <b>Août</b> : Feuille de perso.<br>
      <b>Rentrée</b> : Evenement.<br>
      <b>Rentrée</b> : Changement Staff.<br>
      <b>Octobre</b> : Nettoyage.<br>
      <b>Octobre</b> : Purge des Postes.<br>
      <b>Octobre</b> : Evenement.<br>
      <b>Decembre</b> : Purge membre.<br>
      <b>Decembre</b> : Purge postes.<br>
      <b>Janvier</b> : Nouvelle année.<br>
      <b>Un jour</b> : New Design.<br>
      </marquee>
      
   </div>
   </td>
</tr>
</table>

<table border="0" width="95%">
<tr>
<td width="50%" align="center" valign="top">
   <div class="titre">Elites et Top Sites</div>
   <div class="contenu">
      
      <a class="postlink" href="http://lavolontedud-v2.forumactif.com/forum.htm">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part1_10.jpg"></a>
      <a class="postlink" href="http://naruto-sentaishi.my-rpg.com/forum.htm">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part3_10.jpg"></a>
      <a class="postlink" href="http://one-piece-saigo-jida.forums-actifs.net/">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part4_10.jpg"></a>
      <a class="postlink" href="http://kojiin-rpg.forumactif.com/forum.htm">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part5_10.jpg"></a>
      <a class="postlink" href="http://pirates-des-caraibes.forums-actifs.com/forum.htm">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part6_10.jpg"></a>
      <a class="postlink" href="http://koko-debut-internat.forumactif.com/">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/part7_10.jpg"></a><br>
      <a class="postlink" href="http://www.root-top.com/topsite/abysses/in.php?ID=3266">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/forumrpg/in.php?ID=4485">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/queencityadmin/in.php?ID=158">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=4045">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/obsession27/in.php?ID=14022">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/boa/in.php?ID=2795">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/virtu4lgames/in.php?ID=786">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top1_b10.jpg"></a>
      <a class="postlink" href="http://www.root-top.com/topsite/bestofrpgmanga/in.php?ID=67">
      <img src="http://i38.servimg.com/u/f38/14/28/12/86/top2_b10.jpg"></a>
      
   </div>
   </td>

<td width="50%" align="center" valign="top">
   <div class="titre">Evènements</div>
   <div class="contenu">
      
      <br>A venir<br>
      
   </div>
   </td>
</tr>
</table>

Au final; y'a donc des class CSS; mais seulement deux (plus celles des infobulles). Tu trouves donc des :
<div class="titre"> = ce sont pour les barres où sont notés les titres des zones; comme "Informations" "News" ...
<div class="contenu"> = les zones d'informations, en gros les carrés oranges Wink

Voilà donc le code à coller dans ta feuille CSS (Panneau admin >> Affichage >> Couleurs >> feuille CSS)

Code:: /* PAGE D'ACCUEIL : TITRES ET CONTENUS */
.titre
{margin-bottom: 2px;
padding-left: 15px;
background-image: url(http://i38.servimg.com/u/f38/14/28/12/86/bardes10.jpg);
font-weight: bold;
-moz-border-radius: 5px 5px 5px 5px;
text-align: left;
color: #827d81;
text-transform: uppercase;
font-size: 13px;}

.contenu
{border-bottom: 1px solid #320104;
border-top: 1px solid #320104;
text-align: center;
background-color: #EDA15A;
font-variant: small-caps;
font-size: 12px;
-moz-border-radius: 5px 5px 5px 5px;
padding: 5px;
min-height: 70px;}

/* PAGE D'ACCUEIL : INFOBULLES */
div.tstaff
{position: relative;
color: #000000;
text-decoration: none;
font-size: 10px;
text-align: center;}

div.tstaff:hover
{background: none;
z-index: 999;
cursor: defaut;}

div.tstaff span
{display: none;}

div.tstaff:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 60px;
left: 25px;
width: 138px;
text-decoration: none;
padding: 3px;
border: 1px solid #320104;
border-left: 1px solid #320104;
font-size: 10px;
text-align: center;
background-color: #EDA15A;}

La dedans tu as donc les titres, le contenu ainsi que les infobulles du staff (qui se nomment div.tstaff = div parce que j'ai du intégrer tes infobulles dans une div pour qu'elles soient compatibles avec internet explorer, et google chrome ^^)

L'avantage du CSS et des class; c'est que si tu veux changer une couleur sur ta Page d'Accueil (comme par exemple le orange au fond), tu peux le faire en un seul clic; suffit de modifier ce que tu souhaites dans le CSS =)

Si tu as quoi que ce soit qui ne va pas, n'hésites pas à le dire Wink

Liliana

Sujet: Re: Problème de PA et infobulle Sam 23 Oct 2010, 12:31

Tu es une déesse des codes *o*

*lui saute dessus et lui fait la bise*

Je t'aime *o* si si je t'assure !
Tu as réussit !!! ><

*s'incline*

je te remercierais jamais assez

Sujet: Re: Problème de PA et infobulle Sam 23 Oct 2010, 12:39

xD
De rien =)
Je classe alors ^^ Bonne continuation avec ton forum Wink

Sujet: Re: Problème de PA et infobulle Sam 23 Oct 2010, 12:40

Merci beaucoup =D

Problème de PA et infobulle

Problème de PA et infobulle

Sujets similaires

Sujets similaires

Partenaires Or