Problème éditeur code PA

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème éditeur code PA

Message par Tomybrown le Jeu 16 Jan 2014 - 8:51

Bonjour à toutes et à tous,

Je viens me référer à vous, car depuis avant Noël (surtout depuis la mise à jour de FA) mon code (auquel je n'ai absolument pas touché) beug, cela ne s'affiche plus, les codes des infobulles ne marche plus. Je vous laisse mon code de ma PA,

Spoiler:

Code:
<div style="margin-top: -80px;"><div id="accueil1"><div id="accueil2"><div id="accueil3"><div id="accueil4"><br /><br /><br /><br /><br /><br /><span class="ongl1"><a href="#accueil1"><img src="http://d25.e-loader.net/OWxe21O6Jy.png" alt="E-Loader.net" /></a></span><span class="ongl2"><a href="#accueil2"><img src="http://d23.e-loader.net/E0cmB9W5fa.png" alt="E-Loader.net" /></a></span><span class="ongl3"><a href="#accueil3"><img src="http://d8.e-loader.net/OBomUqvu36.png" alt="E-Loader.net" /></a></span><span class="ongl4"><a href="#accueil4"><img src="http://d8.e-loader.net/VNoPj3mtde.png" alt="E-Loader.net" /></a></span>
   <div id="content1"><div id="content2"><div class="info_accueil"><div style="margin-right: 50%;"><table border="0"><tbody><tr><td align="left"><div class="infobulle"><img src="http://d25.e-loader.net/Qq7s66RrHb.png" /><span></span><div style="margin-left: 0px; margin-top: -490px;"><img src="http://img15.hostingpics.net/pics/253461Mitsu.jpg" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d4.e-loader.net/vGF9SUhchh.png" /><span></span><div style="margin-left: -94px; margin-top: -490px;"><img src="http://d18.e-loader.net/UsilQjCVCg.png" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d26.e-loader.net/N2bVX9Prxr.png" /><span></span><div style="margin-left: -188px; margin-top: -490px;"><img src="http://d15.e-loader.net/enwJBID2Tf.jpg" /></div><span></span></div></td></tr><tr><td align="left"><div class="infobulle"><img src="http://d9.e-loader.net/ZdYNs9UCvA.png" /><span></span><div style="margin-left: 0px; margin-top: -584px;"><img src="http://d12.e-loader.net/IRRt6QBmG3.jpg" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d6.e-loader.net/5YL52bS2qQ.png" /><span></span><div style="margin-left: -94px; margin-top: -584px;"><img src="http://d25.e-loader.net/j6hshQrs7e.jpg" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d7.e-loader.net/Toh6sNyiBX.png" /><span></span><div style="margin-left: -188px; margin-top: -584px;"><img src="http://d18.e-loader.net/bel1Dm6Q7O.jpg" /></div><span></span></div></td></tr><tr><td align="left"><div class="infobulle"><img src="http://d7.e-loader.net/9mlyN165DK.png" /><span></span><div style="margin-left: 0px; margin-top: -678px;"><img src="http://d26.e-loader.net/1eGc7lxCSa.jpg" /> </div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d22.e-loader.net/VXSvFjbZBO.png" /><span></span><div style="margin-left: -94px; margin-top: -678px;"><img src="http://d25.e-loader.net/n7nyAr6O2q.jpg" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d26.e-loader.net/O88Njd1hjU.png" /><span></span><div style="margin-left: -188px; margin-top: -678px;"><img src="http://d11.e-loader.net/Dr0ov0B1FZ.jpg" /></div><span></span></div></td></tr><tr><td align="left"><div class="infobulle"><img src="http://d22.e-loader.net/szTt3HMqrw.png" /><span></span><div style="margin-left: 0px; margin-top: -772px;"><img src="http://d17.e-loader.net/qhaIxVfQ3v.jpg" /> </div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d8.e-loader.net/8I9fe8oOxl.png" /><span></span><div style="margin-left: -94px; margin-top: -772px;"><img src="http://d6.e-loader.net/l1JbxLGHrq.jpg" /></div><span></span></div></td><td align="left"><div class="infobulle"><img src="http://d7.e-loader.net/G6CAuVKJ3T.png" /><span></span><div style="margin-left: -188px; margin-top: -772px;"><img src="http://d14.e-loader.net/wJ0SxpflEH.png" /> </div><span></span> </div></td></tr></tbody></table></div></div></div><div id="content3">
                     
                     <div class="info_accueil">
                        
                        <table>
                           
                           <tbody>
                              
                              <tr>
                                 
                                 <td>
                                    
                                    <div style="margin-left: 80px; margin-top: 60px;">
                                        <a class="tooltip" href=""><img src="http://d14.e-loader.net/wJ0SxpflEH.png" alt="E-Loader.net" /><span></span></a>
                                       <table style="">
                                          
                                          <tbody>
                                             
                                             <tr>
                                                
                                                <td>
                                                    <img src="http://d5.e-loader.net/Gf7jdi9xZj.png" />
                                                </td>
                                                
                                             </tr>
                                             
                                             <tr>
                                                
                                                <td>
                                                   
                                                   <div style="margin-top: 0px;">
                                                       <span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"> </span>
                                                      <center style="color: rgb(134, 3, 3); font-family: Calibri; font-size: 16px; font-weight: bold; text-transform: uppercase; text-shadow: rgb(70, 67, 67) 1px 1px 2px;">
                                                          Daisuke Aurola
                                                      </center><span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"></span>
                                                   </div>
                                                   
                                                </td>
                                                
                                             </tr>
                                             
                                          </tbody>
                                          
                                       </table><a class="tooltip" href=""><span></span></a>
                                       <div style="font-size: 12px; color: rgb(226, 211, 211); font-family: Helvetica; text-align: justify; font-weight: bold; text-shadow: rgb(70, 67, 67) 1px 1px 2px; padding: 5px;">
                                          
                                          <center>
                                              "Très ancien membre de notre communauté et véritable pilier de la faction gouvernementale, ce marine aux idées parfois fumeuses aura su être présent pour nous permettre de tenir bon dans des moments parfois complexes. Nous le remercions de tout cœur ! "
                                             <center>
                                                
                                             </center>
                                             
                                          </center>
                                          
                                       </div><a class="tooltip" href=""><span></span></a>
                                    </div>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <div style="margin-left: 120px; margin-top: 213px;">
                                        <a class="tooltip" href=""><img src="http://d14.e-loader.net/wJ0SxpflEH.png" alt="E-Loader.net" /><span></span></a>
                                       <table style="">
                                          
                                          <tbody>
                                             
                                             <tr>
                                                
                                                <td>
                                                    <img src="http://d5.e-loader.net/Gf7jdi9xZj.png" alt="E-Loader.net" />
                                                </td>
                                                
                                             </tr>
                                             
                                             <tr>
                                                
                                                <td>
                                                   
                                                   <div style="margin-top: 0px;">
                                                       <span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"> </span>
                                                      <center style="color: rgb(134, 3, 3); font-family: Calibri; font-size: 16px; font-weight: bold; text-transform: uppercase; text-shadow: rgb(70, 67, 67) 1px 1px 2px;">
                                                          Erwin Dog
                                                      </center><span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"></span>
                                                   </div>
                                                   
                                                </td>
                                                
                                             </tr>
                                             
                                          </tbody>
                                          
                                       </table><a class="tooltip" href=""><span></span></a>
                                       <div style="font-size: 12px; color: rgb(226, 211, 211); font-family: Helvetica; text-align: justify; font-weight: bold; text-shadow: rgb(70, 67, 67) 1px 1px 2px; padding: 5px;">
                                          
                                          <center>
                                              "Deuxième essai après une pirate réussie et toujours un manifeste don pour l'écriture. Erwin est désormais un petit civil à part entière dans notre Monde et nous lui souhaitons par conséquent un bon séjour et un bon amusement parmi nous !"
                                             <center>
                                                
                                             </center>
                                             
                                          </center>
                                          
                                       </div><a class="tooltip" href=""><span></span></a>
                                    </div>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <div style="margin-left: 144px; margin-top: 66px;">
                                        <a class="tooltip" href=""><img src="http://d14.e-loader.net/wJ0SxpflEH.png" alt="E-Loader.net" /><span></span></a>
                                       <table style="">
                                          
                                          <tbody>
                                             
                                             <tr>
                                                
                                                <td>
                                                    <img src="http://d35.e-loader.net/sTfUbgtdE3.png" alt="E-Loader.net" />
                                                </td>
                                                
                                             </tr>
                                             
                                             <tr>
                                                
                                                <td>
                                                   
                                                   <div style="margin-top: 0px;">
                                                       <span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"> </span>
                                                      <center style="color: rgb(134, 3, 3); font-family: Calibri; font-size: 16px; font-weight: bold; text-transform: uppercase; text-shadow: rgb(70, 67, 67) 1px 1px 2px;">
                                                          Jules O' Enkouleur
                                                      </center><span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"></span>
                                                   </div>
                                                   
                                                </td>
                                                
                                             </tr>
                                             
                                          </tbody>
                                          
                                       </table><a class="tooltip" href=""><span></span></a>
                                       <div style="font-size: 12px; color: rgb(226, 211, 211); font-family: Helvetica; text-align: justify; font-weight: bold; text-shadow: rgb(70, 67, 67) 1px 1px 2px; padding: 5px;">
                                          
                                          <center>
                                              "Son talent n'a d'égal que la vigueur des couleurs de ses cheveux. Ce petit nouveau à la plume sympathique et désopilante nous aura séduit grâce à un test RP brillamment traité. Il est donc tout naturel que nous le récompensions, et que nous lui souhaitions la bienvenue !"
                                             <center>
                                                
                                             </center>
                                             
                                          </center>
                                          
                                       </div><a class="tooltip" href=""><span></span></a>
                                    </div>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <div style="margin-left: 117px; margin-top:175px;">
                                        <a class="tooltip" href=""><img src="http://d14.e-loader.net/wJ0SxpflEH.png" alt="E-Loader.net" /><span></span></a>
                                       <table style="">
                                          
                                          <tbody>
                                             
                                             <tr>
                                                
                                                <td>
                                                    <img src="http://d18.e-loader.net/ovw6iDMvND.png" alt="E-Loader.net" />
                                                </td>
                                                
                                             </tr>
                                             
                                             <tr>
                                                
                                                <td>
                                                   
                                                   <div style="margin-top: 0px;">
                                                       <span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"> </span>
                                                      <center style="color: rgb(134, 3, 3); font-family: Calibri; font-size: 16px; font-weight: bold; text-transform: uppercase; text-shadow: rgb(70, 67, 67) 1px 1px 2px;">
                                                          Kabayochi.M.Kiru
                                                      </center><span style="color: #860303; font-family: Calibri; font-size: 16px; font-weight: bold; text-transform : uppercase; text-shadow: 1px 1px 2px #464343;"></span>
                                                   </div>
                                                   
                                                </td>
                                                
                                             </tr>
                                             
                                          </tbody>
                                          
                                       </table><a class="tooltip" href=""><span></span></a>
                                       <div style="font-size: 12px; color: rgb(226, 211, 211); font-family: Helvetica; text-align: justify; font-weight: bold; text-shadow: rgb(70, 67, 67) 1px 1px 2px; padding: 5px;">
                                          
                                          <center>
                                              "Qui réellement pourrait être mieux placé que lui pour endosser cette récompense ? Il nous aura noyé sous des nuées de postes et de roses partie flood, permettant au forum de vivre à travers cette section. Nous ne pouvons que l'encourager à continuer ainsi !"
                                             <center>
                                                
                                             </center>
                                             
                                          </center>
                                          
                                       </div><a class="tooltip" href=""><span></span></a>
                                    </div>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table>
                        
                        <table>
                           
                           <tbody>
                              
                              <tr>
                                 
                                 <td>
                                    
                                 </td>
                                 
                                 <td>
                                    
                                    <div style="margin-left: 750px; margin-top: -220px;">
                                       
                                       <div style="padding: 15px;">
                                          
                                          <div class="infobulle">
                                              <a href="http://www.root-top.com/topsite/azzare34/in.php?IDmark=7299"><img src="http://d24.e-loader.net/QeivqaX3gD.png" /></a>
                                          </div>
                                          
                                       </div>
                                       
                                       <div style="padding: 15px;">
                                          
                                          <div class="infobulle">
                                              <a href="http://www.root-top.com/topsite/gilgamesh/in.php?IDmark=5675"><img src="http://d16.e-loader.net/ArLuYlBNjn.png" /></a>
                                          </div>
                                          
                                       </div>
                                       
                                       <div style="padding: 15px;">
                                          
                                          <div class="infobulle">
                                              <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?IDmark=3022"><img src="http://d26.e-loader.net/O2b9jXpRiz.png" /></a>
                                          </div>
                                          
                                       </div>
                                       
                                    </div>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table>
                        
                     </div>
                     
                  </div>
                  
                  <div id="content4">
                     
                     <div class="info_accueil">
                        
                        <div style="overflow: auto; width: 855px; height: 210px; margin-top: 185px; margin-left: 70px; color: white;">
                           
                           <table>
                              
                              <tbody>
                                 
                                 <tr>
                                    
                                    <td>
                                        <img src="http://d19.e-loader.net/wZxoK76ixG.png" alt="Fenice Nakata" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d13.e-loader.net/VGrWkzoKDi.png" alt="" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d28.e-loader.net/dta916XlaK.png" alt="Mitsu" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d35.e-loader.net/fHHVSZBk5I.png" alt="Harlock Zora" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d3.e-loader.net/yET3UbPKbl.png" alt="" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d10.e-loader.net/b0bjLb1zVh.png" alt="Kabayochi M. Kiru" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d12.e-loader.net/J5942BVUzj.png" alt="Elimane Loyckh" />
                                    </td>
                                    
                                    <td>
                                        <img src="IMAGE" alt="" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d5.e-loader.net/c0zW2jlcna.png" alt="Aurola" />
                                    </td>
                                    
                                    <td>
                                        <img src="http://d17.e-loader.net/wYtDsMHP81.png" alt="Daniel Strachleigh" />
                                    </td>
                                    
                                    <td>
                                        <img src="IMAGE" alt="" />
                                    </td>
                                    
                                    <td>
                                        <img src="IMAGE" alt="" />
                                    </td>
                                    
                                 </tr>
                                 
                              </tbody>
                              
                           </table>
                           
                        </div>
                        
                     </div>
                     
                  </div>
                  
                  <div class="info_accueil">
                     
                     <div style="color: #3b3c3b; font-family: Georgia; font-size: 30px;  text-shadow: 0px 0px 2px; text-transform:uppercase; margin-bottom: 10px;">
                         Le contexte...
                     </div><span style="color: #61615b; font-family: Cambria; font-size: 12px;"></span>
                     <div style="color: rgb(52, 139, 175); font-family: Helvetica; font-size: 12px; text-align: justify; font-weight: bold; margin-left: 20px;">
                        
                        <div style="width: 400px;">
                            Nous sommes aujourd'hui le 31 décembre 1502, et si ce n'est les quelques minces nuages gris qui pointent à l'horizon, rien ne laisse prévoir que cette journée sera annonciatrice de grands bouleversement dans le monde entier. Cela fait deux années déjà, que le Seigneur des Pirates Gol D Roger a été exécuté et que ses derniers mots ont déclenchés la plus grande vague de piraterie jamais connu. <br />Débordé par tout ses problèmes, d'une part les Révolutionnaires, la Piraterie et d'autre part ce nouvel ennemi la Cour Decima, le Conseil des 5 Étoiles se réunis pour délibérer. Une nouvelle loi fut voté; signant la mise à mort de la liberté, elle se voulait radicale et sans appel.<br /><br />L'annonce passé sur toutes les îles appartenant au Gouvernement Mondial porta le nom de " Decret Decima " et ses 10 articles allaient lancer une nouvelle ère : celle de la tyrannie. L'année 1502 s'éteint, et avec elle ce qu'il restait de libertés aux habitants des Seas Blues et de Grand Line. L'ère de la piraterie est menacé, le temps de la dictature commence...<a href="http://www.op-seken.com/t19-1-contexte" class="postlink" target="_blank" rel="nofollow"></a>
                           <div style="color: rgb(41, 40, 43);">
                               [Plus...]
                           </div><a href="http://www.op-seken.com/t19-1-contexte" class="postlink" target="_blank" rel="nofollow"></a><br />
                           <div style="margin:auto;text-align:center;width:100%; color: #29282b;">
                               Maître-jeu - "Créé ton personnage, mène le jusqu'au bout de ses rêves, impose toi dans l'univers de One Piece Seken© et devient le personnage le plus important du forum. En seras-tu capable ?"
                           </div>
                           
                        </div>
                        
                     </div><span style="color: #61615b; font-family: Cambria; font-size: 12px;"></span>
                  </div><span style="color: #61615b; font-family: Cambria; font-size: 12px;"></span>
               </div>
               
            </div>
            
         </div>
         
      </div><span style="color: #61615b; font-family: Cambria; font-size: 12px;"><iframe src="/chatbox/index.forum" style="width: 800px; height: 420px;" frameborder="0"></iframe></span>
   </div>
</div>
<div align="center">
    <span style="color: #333333;">Suite à un petit bug de la PA, nous mettons les liens pour les tops sites ici (le temps que tout ne revienne en ordre) : </span>
   <ol style="color: rgb(51, 51, 51);">
      
      <li>
          http://www.root-top.com/topsite/gilgamesh/in.php?IDmark=5675
      </li>
      
      <li>
          http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?IDmark=3022
      </li>
      
      <li>
          http://www.root-top.com/topsite/azzare34/in.php?IDmark=7299
      </li>
      
   </ol><span style="color: #333333;">Merci d'avance ! </span>
</div>

De plus, depuis la mise à jour, mon code est complètement déformé. Je ne vois pas pourquoi des sauts de lignes et des alinéas sont apparus comme par enchantement ! Mon code est structuré de façon très simple, chaque onglet de la PA était coupé par des sauts de limbes grossièrement.

Merci de prendre en considération ma demande. Je tire mon chapeau à celui qui m'aidera et trouvera la solution.

Je vous met aussi mon code CSS ;
Code:
[spoiler]
[code]t/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/

.Fichetechnique span
{                      
    position : absolute;
    top : auto;
    left : auto;
    width : 136px;
    height : 136px;
    background-color: #9C7049;
    display : none;
}

.Fichetechnique:hover span{
    display:block;
    top        :  auto;
    left      :  auto;
    width      :  440px;
    height    : 400px;
    background-color: #5a6897;
    border-left: 3px solid #8998cb;
    border-right: 3px solid #8998cb;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    box-shadow: 0px 0px 3px #838383;
    margin-left: -27px;
    margin-top: 5px;
}

.Txt_ft
{
width      :  440px;
display:block;
overflow-y :  auto;
overflow-x: hidden;
}

/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/
/*CODE FICHE TECHNIQUE DANIEL STRACHLEIGH*/

.tooltip
{
  text-decoration:none;
  position:relative;
}

.tooltip span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;   
}

.tooltip span img
{
  float:left;
}

.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index: 999;
  width:350px;
  height:150px;
  background-color: #bec5d8;
  border:none;
  box-shadow: 1px 1px 2px #000;
  margin-left:32px;
  overflow:hidden;
  padding:0px;
}


.infobulle span
{                      
    position: absolute;
    top: auto;
    left: auto;
    width: 90px;
    height: 90px;
    background-color: none;
    border-radius: 300px;
    display: none;
   }

.infobulle:hover span{
    display: block;
    top:  auto;
    margin-left:  300px;
    margin-top: 400px;
    width:  10px;
    height: 10px;
    background-color: none;
  
}

.infobulle{
  position: relative;
  z-index: 0;
  width: 90px;
  height: 90px;
  border-radius: 300px;
  background-color: #fff1bf;
}

 .infobulle:hover{
    visibility: hidden;
    z-index: 00;
  }
.ongl1
{
z-index: 1;
  position: relative;
display: inline-block;
width: 200px;
height: 79px;
border-radius: 10px;
text-align: center;
left: -30px;
}

.ongl1:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl2
{
display: inline-block;
width: 200px;
height: 79px;
margin-left: 20px;
border-radius: 10px;
text-align: center;
}

.ongl2:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl3
{
display: inline-block;
width: 220px;
height: 79px;
margin-left: -15px;
padding-right: 10px;
border-radius: 10px;
text-align: center;

}

.ongl3:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl4
{
display: inline-block;
width: 220px;
height: 79px;
margin-left: 20px;
border-radius: 10px;
text-align: center;
}

.ongl4:hover
{
z-index: 1;
position: relative;
display: inline-block;
top: -20px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.ongl1 a, .ongl2 a, .ongl3 a, .ongl4 a
{
display: block;
padding-top: 2px;
font-weight: bold;
text-decoration: none !important;
color: #8b9cb8 !important;
text-shadow: 1px 1px 0px #eef1f6;
font-size: 18px;
}
.ongl1 a:hover, .ongl2 a:hover, .ongl3 a:hover, .ongl4 a:hover
{
color: #446291 !important;
text-shadow: 1px 1px 0px #23334c;
}

#content1
{
z-index: 10;
position: relative;
display: block;
top: 30px;
left: -1px;
width: 969px;
height: 400px;
overflow: hidden;
  background: url(http://d20.e-loader.net/epAHYMzcdE.png);
border-bottom: 10px solid #f9f9f9;
border-top: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#content2, #content3, #content4
{
display: none;
}
#accueil1:target #content1
{
display: block;
height: 400px;
overflow: hidden;
background: url(http://d20.e-loader.net/epAHYMzcdE.png);
border-bottom: 10px solid #f9f9f9;
border-top: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil2:target #content2
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d19.e-loader.net/Ga0vVjgpJX.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil3:target #content3
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d27.e-loader.net/6j8jdmY5Ld.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
#accueil4:target #content4
{
display: block;
height: 400px;
overflow: hidden;
  background: url(http://d19.e-loader.net/Ga0vVjgpJX.png);
border-bottom: 10px solid #f9f9f9;
font-size: 11px;
color: #3c506f;
}
.info_accueil
{
padding: 6px;
text-align: justify;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

CSS

/* INFOBULLE - TRANSITION */
.NU_infobulle{
width: 100px;
margin: auto;
padding: 20px;
float: left;
position: relative;
}
.NU_bulle{
background-color: #a5a3a3;
border: 0px solid #fff;
width: 0;
height: 0;
position: absolute;
top: 201px;
left: 126px;
overflow: hidden;
z-index: 20;
text-align: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 1.5s ease; /* pour navigateur webkit */
-moz-transition: all 1.5s ease; /* pour navigateur mozilla */
-o-transition: all 1.5s ease; /* pour navigateur opera */
transition: all 1.5s ease; /* pour les navigateurs récents */
}
.NU_infobulle:hover .NU_bulle{
background-color: #a5a3a3;
width: 510px;
height: 160px;
padding: 5px;
border: 1px dashed #fff;
overflow: auto;
}


/* Début Fiche Présentation */
.Presentation
{
  background-color: #849cc2;
  border: solid #36517c 5px;
}

.EntetePresentation
{
  border-bottom: solid #36517c 5px;
  width:100%;
  height: auto;
}

.PseudoPresentation
{
  font-size: 30px;
  margin-top: -12px;
  margin-left: 25px;
  font-variant: small-caps;
  color: #FFFFFF;
  text-shadow: 2px 3px 2px black;
}

.PersonnagePresentation
{
  color: #FFFFFF;
  min-height: 300px;
  background-color: #36517c;
  border: groove 3px #36517c;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px;
}

.AvatarPresentation
{
  float: right;
  margin-top: -5px;
  width: 150px;
  height: 300px;
  border: double 3px #849cc2;
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.TitrePresentation
{
  text-align: right;
  font-size: 18px;
  background-color: #36517c;
  border-top: groove 3px #36517c;
  border-bottom: groove 3px #36517c;
  padding-right: 25px;
  color: #FFFFFF;
}

.ContenuPresentation
{
  text-align: justify;
  margin: 5px 10px;
  margin-left: 25px;
  color: #FFFFFF;
}
/* Fin Fiche Présentation */

/* Début Modèle Quête */
.Quete
{
  margin-left: 100px;
  margin-right: 100px;
  margin-top: -5px;
  border: 3px black solid;
}
.QueteTexte
{
  padding-bottom: 5px;
  padding: 0px 15px;
  color: white;
  text-align: justify;
  overflow: auto;
}
.QueteImage
{
  widht: 400px;
  height: 150px;
  border: 3px black solid;
}
.QueteEntete
{
  margin: 1px 100px;
  padding-left: 25px;
  border-radius: 100px;
  color: white;
  text-align: left;
  font-size: 30px;
  border: 3px black solid;
}
.QuetePied
{
  margin: -5px 100px;
  padding-right: 25px;
  border-radius: 100px;
  color: white;
  text-align: right;
  font-size: 18px;
  border: 3px black solid;
}
.QueteJointure1
{
  margin-right: 80%;
  margin-left: 19%;
  margin-top: -3px;
  background-color: black;
  border: 3px black solid;
}

.QueteJointure2
{
  margin-right: 19%;
  margin-left: 80%;
  margin-top: -40px;
  background-color: black;
  border: 3px black solid;
}
/* Fin Modèle Quête */

/* Début Personnage */
.Personnage
{
  color: #FFFFFF;
  min-height: 300px;
  border: solid 3px black;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px;
}

.AvatarPersonnage
{
  float: right;
  margin-top: -5px;
  width: 150px;
  height: 300px;
  border: solid 3px black;
  -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.PersonnageJointure1
{
  margin-right: 80%;
  margin-left: 19%;
  margin-top: -3px;
  background-color: black;
  border: 3px black solid;
}

.PersonnageJointure2
{
  margin-right: 19%;
  margin-left: 80%;
  margin-top: -40px;
  background-color: black;
  border: 3px black solid;
}

.PersonnageDescription
{
  color: #FFFFFF;
  min-height: 300px;
  border: solid 3px black;
  margin-left: 10%;
  margin-right: 10%;
  padding: 5px 25px;
}
/* Fin Personnage */

/* Début Disposition des RPs pour les MI */
.ContexteMI
{
  background-color: black;
  color: white;
  border: double white 5px;
  margin: 0px 10%;
  padding: 25px;
  text-align: justify;
}
/* Fin Disposition des RPs pour les MI */

/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/
/*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*//*CODE THEME NOUVEAU !!!*/

body
{
position: relative;
z-index: 3;
display: block;
background-image: url("http://d5.e-loader.net/eeI4Drjidb.gif"), url("http://d13.e-loader.net/3IacErxJvx.png"), url("http://d3.e-loader.net/kYgYJ9501D.png"), url("");
background-position: center top, center top, center bottom;
background-repeat: no-repeat, repeat-x, repeat, repeat;
background-attachment: scroll, scroll, scroll, fixed;
margin-bottom: 0px;
left: none, 5px, none, none;
}

:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


/*Début du code de la barre de navigation*/

#navig
{
  position: fixed;
  z-index: 999;
  width: 969px;
  text-align: center;
  background-color: #e6e6e6;
  border-bottom: 1px dashed #fff;
  width: 72%;
left: 14%;
  margin-top: -10px;
  -webkit-border-bottom-right-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-bottomright: 50px;
-moz-border-radius-bottomleft: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
opacity: 0.9;
  
}
.mainmenu
{
display: inline;
border-radius: 5px 5px 5px 5px;
position: relative;
top: 0px;
bottom: 0px;
}
  
a.mainmenu
{
font-family: Tahoma;
color: #626262;
text-shadow: 0px 0px 2px #fff;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-bottom: 0px;
}

a.mainmenu:hover
{
font-family: Tahoma;
color: #91d8f6;
text-shadow: 0px 0px 2px;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
}

.th
{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

/*Fin du code de la barre de navigation*/


/* CATEGORIES */
a {
  text-decoration: none;
  color: #000000;
  font-size: 12px;}

.catetitre
{
display:block;
position: relative;
color: #FFFFFF;
font-family: Arial;
font-size: 35px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 2px 2px #7689e6;
margin-bottom: 40px;
}

.titreforum {
  z-index: 10;
  display:block;
  position: relative;
  color: #fff;
  text-align: center;
margin-left: -30%;
font-family: Arial;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 0px 3px #7689e6;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=90);
}

.ensemble {
  z-index: 1;
  display:block;
  position: relative;
  background-color: #;
  margin-top: -20px;
  font-size: 12px;
  padding: 10px;
  color: #000000;
  width: 868px;
  margin-left: -21%;

}

.icon_forum
{
  display: block;
  position: relative;
    z-index: 10;
  margin-left: 180px;
  margin-top: -80px;
}

.description {
  display:block;
  position: relative;
  width: 420px;
  background-color: #;
  text-align: justify;
  font-size: 12px;
  color: #000000;
  margin-left: 22%;
}
.Effet_desc {
position: absolute;
  z-index: 99;
  display: block;
  width: 400px;
  height: 85px;
  overflow-x: auto;
  overflow-y: none;
  top: 80px;
  left: 5px;
  overflow: auto;
  background-color: #f3efef;
  border: 1px dashed #665757;
 font-family: Tahoma;
color: #665757;
text-shadow: 0px 0px 2px #000;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
  padding: 5px;
  text-align: justify;
  overflow: hidden;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
   opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  border-radius: 5px;
}

.Effet_desc:hover {
position: absolute;
  z-index: 10;
  display: block;
  height: 85px;
  overflow-x: auto;
  overflow-y: none;
  top: 80px;
  left: 5px;
  width: 400px;
  padding: 5px;
  overflow: auto;
  opacity: 0.9;
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  filter: alpha(opacity=0.9);
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
  }
  
.liens {
  z-index: 10;
  display:block;
  position: relative;
  width: 159px;
  height: 70px;
  overflow-x: auto;
  overflow-y: none;
  background-color: #;
  font-size: 12px;
  text-align: center;
  color: #fff !important;
  padding: 0px;
  margin-top: 0px;
  margin-left: 106px;
}

.row1.over span.gensmall { display: block; text-align: left; }

.liens a {
color: #fff !important;
text-align: left;
}
.derniers {
  z-index: 10;
  display:block;
  position: relative;
  width:180px;
  height:70px;
  background-color: #;
  font-size: 12px;
  text-align: center;
  color: #000000 !important;
  margin-top: -125px;
  margin-left: -188px;
  padding: 10px;
}

/*Catégories*/

/*QEEL*/

.typo
{
font-family: Tahoma;
color: #3c7fa0;
text-shadow: 0px 0px 3px #fff;
text-align: center;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-left: 80px;
margin-top: 25px;
}

.typo_connex
{
font-family: Tahoma;
color: #3c7fa0;
text-shadow: 0px 0px 2px;
text-align: center;
text-transform : uppercase;
text-decoration : none;
font-size : 11px;
font-weight: bold;
margin-left: 40px;
margin-top: 15px;
margin-right: 40px;
}

#abc
{
width: 900px;
height: 200px;
overflow: hidden;
margin-left: 30px;
margin-top: -330px;
margin-bottom: 50px;
background: url(http://d5.e-loader.net/d7LTGLxiqk.png) center no-repeat;
border: 1px dashed #d3d3d3;
border-radius: 5px;
}
#volet1
{
background: url(http://d19.e-loader.net/tuA0rwbybz.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#volet1:hover
{
background: url(http://d19.e-loader.net/tuA0rwbybz.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet2
{
background: url(http://d8.e-loader.net/Ty9lr6xnp1.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet2:hover
{
background: url(http://d8.e-loader.net/Ty9lr6xnp1.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet3
{
background: url(http://d10.e-loader.net/4O2Hxxp9RV.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet3:hover
{
background: url(http://d10.e-loader.net/4O2Hxxp9RV.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet4
{
background: url(http://d3.e-loader.net/JwmnMbllOJ.png) center no-repeat;
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #9dddff;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet4:hover
{
background: url(http://d3.e-loader.net/JwmnMbllOJ.png) center no-repeat;
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

#volet5
{
width: 40px;
height: 200px;
float: left;
overflow: hidden;
background-color: #dcdcdc;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}
#volet5:hover
{
width: 80%;
height: 200px;
overflow: hidden;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 2s;
-moz-transition: 2s;
-o-transition: 2s;
-htm-transition: 2s;
-webkit-transition: 2s;
}

.contenu_volet
{
width: 100%;
height: 200px;
}
.volet_titre
{
display: inline-block;
height: 40px;
width: 200px;
color: #ffffff;
margin-left: -80px;
text-align: center;
font-size: 21px;
font-family: Tahoma;
font-weight: bold;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #5f5f5f;
-webkit-transform: rotate(-90deg);  
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.contenu_v
{
width: 0px;
height: 0px;
background-color: white;
overflow: hidden;
padding: 6px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#volet1:hover .contenu_v, #volet2:hover .contenu_v, #volet3:hover .contenu_v, #volet4:hover .contenu_v, #volet5:hover .contenu_v
{
width: 650px;
height: 170px;
margin-left: -80px;
background-color: white;
overflow: auto;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.credit
{
display: block;
text-align: right;
margin-right: 20px;
}
.credit a
{
font-size: 10px;
text-decoration: none !important;
}

.texte_qeel
{
overflow: auto;
font-family: verdana;
color: #C0C0C0;
text-align: justify;
font-size : 10px
}

/*QEEL*/

/*SUJETS*/

a.nav
{
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
display: inline;
}

.nav
{
text-shadow: 0px 0px 1px;
font-size: 10px;
font-family: Arial;
}

.cadre_affichage
{
 background-color: #;
 border-radius: 5px;
 border: 1px dashed #fff;
  background-image: url("");
 background-position: left top;
 background-repeat: no-repeat;
 background-attachment: scroll;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
 

}

.forumline
{
 background-color: #;
 border-radius: 5px;
 border: 1px dashed #FFFFFF;
 background-position: left top;
 background-repeat: no-repeat;
 background-attachment: scroll;
 width: 873px;
  box-shadow: 0px 0px 3px #838383;
  -moz-box-shadow: 0px 0px 3px #838383;
  -htm-box-shadow: 0px 0px 3px #838383;
  -webkit-box-shadow: 0px 0px 3px #838383;
  -o-box-shadow:  0px 0px 3px #838383;
 }


.cadre_affichage1
{
 background-color: #d4d7de;
 border-radius: 5px;
 border: 1px dashed #FFFFFF;
 margin-top: -40px;
}

.page_number
{
  margin-left: 10px;
   font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.page_number1
{
  margin-top: 20px;
   font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.texte1
{
 color: #FFFFFF;
font-family: Franklin Gothic Medium;
  font-size: 20px;
  text-transform: uppercase;
  width: 200px;
}

.texte2
{
 color: #FFFFFF;
font-family: Franklin Gothic Medium;
  font-size: 15px;
  text-transform: uppercase;
  width: 200px;
  text-align: center;
}

.topictitle
{
  font-family: Arial;
   color: #FFFFFF;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
}

.name-auteur
{
  font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-right: -10px;
}

.postdetails1
{
  font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
    margin-right: 20px;
}

.postdetails2
{
  font-family: Arial;
  font-size: 12px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
}

.postdetails3
{
  font-family: Arial;
  font-size: 10px;
    text-transform: uppercase;
   text-align: center;
  text-shadow: 0px 0px 1px;
    margin-right: 20px;
}

.cat1
{
 color: #FFFFFF;
font-family: Impact;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
}

/*SUJETS*/

/*PROFIL*/

table.tableau_profil{
   width:200px;
   margin:auto;
   border:0;
   }
  
table.tableau_profil td.haut_tab{
   width:200px;
   height:45px;
   background-image:url('http://d30.e-loader.net/YM7eafNT8M.png');
   background-repeat:no-repeat;
   margin-left:2px;
   top:3px;
   }
  
table.tableau_profil td.milieu_tab{
   width:200px;
   background-image:url('http://d17.e-loader.net/M59ELUtAcF.png');
   background-repeat:repeat-y;
   padding-left:14px;
   padding-right:14px;
   text-align:center;
   }
  
table.tableau_profil td.bas_tab{
   width:200px;
   height:45px;
   background-image:url('http://d27.e-loader.net/PYtsdIIsB2.png');
   background-repeat:no-repeat;
   }
  
table.tableau_profil td.milieu_tab span.pseudo_posteur{
    font-family: Arial;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
   }
  
table.tableau_profil td.milieu_tab span.rang_posteur{
    font-family: Arial;
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 10px;
   }
  
table.tableau_profil td.milieu_tab div.infos_posteur{
   width:160px;
   margin:auto;
   padding:4px;
   text-align:left;
  font-family: Arial;
  font-size: 10px;
  text-align: center;
  text-shadow: 0px 0px 1px;
  margin-left: 1px;
  margin-top: 3px;
  margin-bottom: 3px;
   background-color:#e0e5ef;
   border:1px solid white;
   opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
   -moz-opacity : 0.5; /* Transparence pour Firefox */
    -ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
    filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
   }

/*PROFIL*/

.quote{  /*---citation*/
border: 1px dashed #d5d3d3;
   background: #c1bbbb;
   font-family: Calibri;
color: #4b4b4b;
text-decoration : none;
font-size : 12px;
padding: 10px;
}

.code{  /*Code dans les messages*/
border: 1px dashed #d5d3d3;
   background: #c1bbbb;
   font-family: Calibri;
color: #4b4b4b;
text-decoration : none;
font-size : 12px;
padding: 10px;
}

/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé*/
   display:block;
   line-height: 125%;
   border: 3px solid #fff;
   background: #88a2c5;
   border-radius: 3px;
   }
/*Mettre ici vos propriétés décoratives*/
  

  
.spoiler_closed.hidden {
   display:none;
      }

.spoiler_content {/*apparence du spoiler ouvert*/
   display:block;
   line-height: 125%;
  border: 3px solid #fff;
   background: #88a2c5;
   border-radius: 3px;
   font-family: Calibri;
color: #fff;
text-decoration : none;
font-size : 12px;
padding: 10px;
/*mettre ici vos propriété décoratives*/
   }

.spoiler_content.hidden {
   display:none;
  
   }

body.chatbox {
wight: 800px;
height: 335px;
background-color: #fff;
border: 3px solid #8ca9c7;
background: center no-repeat;
border-radius: 5px;
top: 70px;
}

#chatbox_header{
background-color: #8ca9c7;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Le téléphone rouge !";
font-family: Tahoma;
color: #59626b;
text-shadow: 0px 0px 2px;
text-align: justify;
text-transform : uppercase;
font-size : 12px;
font-weight: bold;
margin-left: 10px;
 border-radius: 5px;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a
{
font-family: Tahoma;
color: #59626b;
text-shadow: 0px 0px 2px;
text-align: right;
text-transform : uppercase;
font-size : 10px;
font-weight: bold;
left: 100px;
}

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

[/code]
[/spoiler]
http://www.op-seken.com
Et mon forum ;
Cordialement Tomybrown

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 le Jeu 16 Jan 2014 - 10:47

Bonjour

Pour le code PA
Remplace le div par le span

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown le Ven 17 Jan 2014 - 10:27

ça change quoi ?

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 le Ven 17 Jan 2014 - 11:06

çà passe

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown le Ven 17 Jan 2014 - 12:01

Ça passe quoi ? Je ne pense pas que ça passe. Puisse que mon code a autant de balise ouverte que fermée. Donc le code est égalitaire, donc il devrait fonctionner. C'est depuis la mise a jour de FA que j'ai ceci. J'ai jamais touché au code depuis la mise a jour ni avant.

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par FANCH 56 le Ven 17 Jan 2014 - 12:24

Oui et depuis la mise à jour il est recommandé d'utiliser span à la place de div.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Tomybrown le Ven 17 Jan 2014 - 12:32

D'accord merci. Il fallait juste être plus clair depuis le début Wink

Tomybrown
*

Messages : 35
Inscrit(e) le : 09/02/2012

http://onepieceactif.forumgratuit.org/
Tomybrown a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème éditeur code PA

Message par Chacha le Ven 24 Jan 2014 - 10:34

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Chacha
Modéractif
Modéractif

Masculin
Messages : 50972
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum