Problème de PA et infobulle Bouton_activeProblème de PA et infobulle Bouton_hoverProblème de PA et infobulle Fb-hoverProblème de PA et infobulle Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Problème de PA et infobulle EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Problème de PA et infobulle EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Problème de PA et infobulle EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Problème de PA et infobulle EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Problème de PA et infobulle EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Problème de PA et infobulle EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Problème de PA et infobulle EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Problème de PA et infobulle EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

Partagez
 

Problème de PA et infobulle

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
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>&nbsp;•</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
MessageSujet: Problème de PA et infobulle   Problème de PA et infobulle EmptyMar 19 Oct 2010, 10:00
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Problème de PA et infobulle Empty
À 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 ? (:
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyMer 20 Oct 2010, 10:22
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
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 :'(
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyMer 20 Oct 2010, 10:32
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Problème de PA et infobulle Empty
Ahhh, alors là, je ne sais vraiment pas.. ><
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyMer 20 Oct 2010, 10:35
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
Arf :/ Mince
faut que je trouve :'(
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyMer 20 Oct 2010, 10:45
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème de PA et infobulle Empty
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 ?
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyVen 22 Oct 2010, 12:02
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
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
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyVen 22 Oct 2010, 14:14
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème de PA et infobulle Empty
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*
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyVen 22 Oct 2010, 14:43
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
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
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyVen 22 Oct 2010, 14:46
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème de PA et infobulle Empty
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 : <!-- CONTEXTE --> & <!-- FIN CONTEXTE -->

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">
         <!-- LIENS UTILES -->
         <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>
         <!-- FIN LIENS UTILES -->
         
         <br>
         
         <img src="http://i28.servimg.com/u/f28/14/28/12/86/staff_10.png">
         
         <!-- STAFF DU FORUM -->
         <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>
      <!-- FIN STAFF -->
      
         <!-- CREDITS ET COPYRIGHTS -->
         <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>
         <!-- FIN CREDITS ET COPYRIGHTS -->
      </div>
      </td>
      
        <td width="70%" colspan="2" align="center" valign="top">
      <div class="titre">Bienvenue sur : One piece strong world</div>
      <div class="contenu">
         <!-- CONTEXTE -->
         <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>
         <!-- FIN CONTEXTE -->
      </div>
      </td>
    </tr>
   
    <tr>
        <td width="35%" align="center" valign="top">
      <div class="titre">Recrutements</div>
      <div class="contenu">
         <!-- RECRUTEMENTS -->
         <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>
         <!-- FIN RECRUTEMENTS -->
      </div>
      </td>
      
        <td width="35%" align="center" valign="top">
      <div class="titre">News</div>
      <div class="contenu">
         <!-- NEWS -->
         <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>
         <!-- FIN NEWS -->
      </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">
         <!-- TOP SITES ET ELITES -->
         <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>
         <!-- FIN TOP SITES & ELITES -->
      </div>
      </td>
      
        <td width="50%" align="center" valign="top">
      <div class="titre">Evènements</div>
      <div class="contenu">
         <!-- EVENEMENTS -->
         <br>A venir<br>
         <!-- FIN DES EVENEMENTS -->
      </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
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptyVen 22 Oct 2010, 19:28
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
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
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptySam 23 Oct 2010, 12:31
Revenir en haut Aller en bas
http://kobehs.chocoforum.net
Liliana
Liliana
{ Membre actif }
{ Membre actif }

Féminin Messages : 997



Problème de PA et infobulle Empty
xD
De rien =)
Je classe alors ^^ Bonne continuation avec ton forum Wink
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptySam 23 Oct 2010, 12:39
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Problème de PA et infobulle Empty
Merci beaucoup =D
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle EmptySam 23 Oct 2010, 12:40
Revenir en haut Aller en bas
Contenu sponsorisé




Problème de PA et infobulle Empty
MessageSujet: Re: Problème de PA et infobulle   Problème de PA et infobulle Empty
Revenir en haut Aller en bas
 

Problème de PA et infobulle

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Probleme infobulle
» Problème infobulle
» Problème infobulle
» Problème infobulle
» Problème d'infobulle

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit