Forum Non centré

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

Résolu Forum Non centré

Message par angepandora le Mar 11 Juin 2013 - 9:39

Bonjour.

Voici le forum qui a un petit souci: http://black-out.forumactif.org/

Voilà le souci. Certaines personnes, dont moi, voyons la bannière, les catégories, le QEEL à gauche. Alors que sur d'autres ordinateur tout est correctement centré. Chez moi et d'(autre, quelques soit le navigateur, cela reste à gauche. Pouvez vous m'aider? Voici le CSS et le template Index Body modifié.

Code:

  <tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">
<div style="background-color:#000000;"><br>
<div style="color:#394140; font-family:Scribble Box; font-size: 40px; text-shadow: #2c2f2f 2px 2px 2px; text-align:center; letter-spacing:-3px;">Bienvenue  {USER&amp;#8288;NAME}  sur  Blackout</div><br>


  <a href="http://black-out.forumactif.org/t4-reglement">RÈGLEMENT</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/t6-contexte">CONTEXTE</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f3-postes-vacants">VACANTS</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f63-groupes">GROUPES</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f4-annonces-questions-suggestions">QUESTIONS</a></center><br> 
<br>
<br>
  <center><table style="border: dotted"><tbody><tr><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top; overflow:auto;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE GRAND MECHANT STAFF</div><br><center>
    <body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
      <A HREF="http://black-out.forumactif.org/u2" title="Théobald de Navarre" onMouseOver="i979668.src='http://img4.hostingpics.net/pics/230856thogif.gif'"  onMouseOut="i979668.src='http://img11.hostingpics.net/pics/123958thopng.png'"><IMG SRC="http://img11.hostingpics.net/pics/123958thopng.png" BORDER=0 NAME="i979668" ALT="Theobald de Navarre" HSPACE=0 VSPACE=0></A>
  <!-- FIN DU SCRIPT --></body>
   
        <body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
          <A HREF="http://black-out.forumactif.org/u5" title="Pandore Liddell" onMouseOver="i984139.src='http://img11.hostingpics.net/pics/720439Pangif.gif'"  onMouseOut="i984139.src='http://img11.hostingpics.net/pics/252327Panpng.png'"><IMG SRC="http://img11.hostingpics.net/pics/252327Panpng.png" BORDER=0 NAME="i984139" ALT="Pandore Liddel" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --> </body> </center>

    </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE TOPIC DU MOIS</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><br><a href="http://black-out.forumactif.org/t351-topic-du-mois"><img src="http://img15.hostingpics.net/pics/572126icone1.png"></a><br><div style="color:#65595b; font-family:Tahoma; font-size: 15px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">« <a href="http://black-out.forumactif.org/t295-l-empire-des-sens-libre">L`EMPIRE DES SENS</a> »</div> </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">PARTENARIAT</div><div style="font-size:28px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; line-height:20px; height: 100px;"><select style="width: 190px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top Partenaires
</option>
<option value="http://ambrosia.forums-actifs.com/">
Ambrosia
</option>

<option value="http://wildwide.forumgratuit.org/">
Aspen Creek
</option>

<option value="http://www.clan-kravt.com/">
Clan Kravt
</option>

<option value="http://pelennorfields.forumactif.org/">
Pelennor Fields
</option>
   
<option value="http://vketernal.forumactif.com/">
Vampire's Kingdom
</option>
   
<option value="http://alternativefuture.forumactif.org/">
Alternative Future
</option>

<option value="http://tvd-rpg.forumactif.org/">
Perfume of Blood
</option>

<option value="http://vegas.jeuforum.fr/forum/index.php">
Vegas
</option>
   
<option value="http://velvetrose.forum-canada.com/">
Cabaret Velvet Rose
</option> 
   
<option value="http://xmh-the-after-years.forum-gratuit.tv/">
X-Men Horizon
</option>   

</select><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; color:#394140;"><a href="http://black-out.forumactif.org/f56-pub-et-partenaires">Plus ?</a> <a href="http://black-out.forumactif.org/t447-formulaire-pour-les-demandes-de-partenariat">Devenir partenaire ?</a></div><div style="font-size:10px; margin-bottom:10px; text-align:justify; line-height:9px;"><span style="color: White;"><span style="font-weight: bold;"> TOP SITES</span></span> <span class="postlink">−− </span><br><br><center><a href="http://www.root-top.com/topsite/velusia/in.php?ID=5421" title="TOP 1" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://en.root-top.com/toplist/serpentgy/in.php?ID=9935" title="TOP 2" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=6795" title="TOP 3" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=7408" title="TOP 4" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a><br><tr><td colspan="3" style="background-color: #000000; border: #394140 5px solid" width="750"><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; margin-top:20px; text-align:justify;"><span style="color:white;"><b> Je suis Mnesis. La Mémoire du monde, la Balance.</b></span> Prenez place car je vais vous conter aujourd’hui notre histoire, votre histoire, ou comment les Règles ont été bafouées, comment l’Equilibre a été rompu... La Terre est occupée par les pierres, les plantes et les animaux. Au sein de ces derniers, les humains se sont peu à peu discernés. Et puis il y a les autres… Tous les Autres. Les humains vivent et meurent en ignorant leur existence, l’Ordre est ainsi fait. Ou plutôt il l'était...<a href="http://black-out.forumactif.org/f65-contexte" class="postlink" target="_blank" rel="nofollow">−− la suite par ici!<br><br></a></div></td></tr>
  </a></font></div></div></div></td></tr></tbody></table><table style="border-collapse: collapse"><tbody><tr><td style="background-color: #000000; border: #394140; 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">OYEZ ,  OYEZ !</div><div style="font-size:10px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify;">Le forum a ouvert ses portes le <span style="color:white;"><b>29.02.2009</b></span>. Il est interdit aux moins de <span style="color:white;"><b>18 ans</b></span> et est optimisé pour <span style="color:white;"><b>Mozilla Firefox</b></span>.</span><br><div style="text-align: center;">
<br><td style="background-color: #000000; border: #000000 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">ANNONCES</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><span class="postlink">−−</span><span style="color: White;"> 10.06.2013 :</span> Nos membres attendent leurs PV, n'hésitez pas à les <a href="http://black-out.forumactif.org/f75-pv-des-membres">consulter</a>!<br></div><br></center></div></td></tr></tbody></table></center>
 
 
{JAVASCRIPT}

<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i979668 = new Image;
i979668 = "http://img11.hostingpics.net/pics/767374thogif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>


<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i984139 = new Image;
i984139 = "http://img11.hostingpics.net/pics/720439Pangif.gif";
}
</SCRIPT>
    <!-- FIN DU SCRIPT --></head>

<!-- BEGIN message_admin_index -->
<table class="forumline" width="900" border="0" cellspacing="1" cellpadding="0" align="center">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         
         
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
         
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->

<center><div class="qeel_titre"></div>

<div class="qeel">
  <table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br /><br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
      </span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
    </tr></table>
</div>
  <center><a href="http://www.never-utopia.com/" style="font-size: 9px; color:#3a4140;">QEEL - (c) Never-Utopia</a></center></center>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Code:
   

/* PROFIL VISUEL */

 .profilentour{
      background: #15191a;
      border:1px solid #6B6B6B;
      padding: 20px;
      text-align: center;
      -moz-border-radius: 1px; /* les coins en arrondis*/
      font-family:;
      font-size:;
}

/* QEEL */

      .qeel_titre
{
  width: 890px;
  height: 151px;
  background: url(http://img15.hostingpics.net/pics/251076qeel.png);
}
.qeel
{
  width: 890px;
  height: 300px;
  background: url(http://img15.hostingpics.net/pics/377731qeel1.png);
}
.qeel_table
{
  width: 612px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 200px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  background: #000000;
  border: 1px solid #;
  box-shadow: 0px 0px 0px #;
  -moz-box-shadow: 0px 0px 0px #;
  -o-box-shadow: 0px 0px 0px #;
  -htm-box-shadow: 0px 0px 0px #;
  -webkit-box-shadow: 0px 0px 0px #;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #000000;
  border: 1px solid #;
  box-shadow: 0px 0px 5px #;
  -moz-box-shadow: 0px 0px 5px #;
  -o-box-shadow: 0px 0px 5px #;
  -htm-box-shadow: 0px 0px 5px #;
  -webkit-box-shadow: 0px 0px 5px #;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}



/* MISE EN FORME DES CATEGORIES ET FORUMS */
 
.cate_titre
{
clear: both;
height: 100px;
margin-top: 8px;
}
.catetitre_bloc
{
position: center;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #141414;
transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-htm-transform: rotate(1deg);
}
.catetitre_content
{
position: center;
z-index: 2;
display: block;
width: 790px;
margin-left: auto;
margin-right: auto;
margin-top: 8px;
text-align: center;
padding: 2px;
 
}
.catetitre
{
color: #9c9c9c;
font-family: Scribble Box;
font-size: 90px;
text-shadow: 1px 1px 0px #000000;
}
 
.forum_bloc
{
  width: 799px;
  margin-left: 55px;
  margin-right: auto;
  margin-top: -20px;
}
.forum
{
float: left;
width: 380px;
height: 170px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 50px;
}
a.forumlink
{
  text-color: #CFAC97;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #CFAC97;
  text-align: center;
font-family: tahoma;
font-size: 24px;
text-transform: uppercase;
letter-spacing: -3px;
    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;
}
a.forumlink:hover
{
  color: #733B3B;
  letter-spacing: 4px;
    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;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #141414;
  border-bottom: 5px solid #394140;
  border-top: 5px solid #394140;
}
.description
{
  display: block;
  width: 345px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  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;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 335px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: jutsify;
  padding: 5px;
  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;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  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;
}
.icone_stats
{
  width: 400px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 150px;
  height: 80px;
  margin-left: 10px;
  background-color: #242323;
  border-right: 5px solid #000000;
  border-left: 5px solid #000000;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #CFAC97;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{width: 98%;
    margin-right: 0px;
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  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;
}
.ouverture_sousforum
{
  margin-right: 20px;
  width: 190px;
  position: relative;
  z-index: auto;
  display: 1;
  float: right;
 
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  margin-left: 0px;
  margin-right: 0px;
  width : 98% ;
  height: 40px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    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;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}

/* header */

body {
  background-image: url("http://img15.hostingpics.net/pics/785238Head.png");
        background-color: #000000;
        background-position: top-center;
  background-attachment: scroll;
        background-repeat: no-repeat;
  }

        .ban1 { background-image: url('http://img4.hostingpics.net/pics/571533Head1humainb.png'); }
        .ban2 { background-image: url('http://img4.hostingpics.net/pics/501650Head1vampb.png'); }
        .ban3 { background-image: url('http://img11.hostingpics.net/pics/307550Head1djinnd.png'); }


/* pas de soulignement de liens */
a{text-decoration:none  !important;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none; }

.statistiques{
border:0px;
background-image: url();
background-repeat: no-repeat;
background-position: left;
height:270px;}

.groupes{
background-color:#000000;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:12px;text-align:center;
text-decoration: none !important;}

En vous remerciant par avance de toute l'aide que vous pourrez fournir Very Happy

Bonne journée.


Dernière édition par angepandora le Mar 11 Juin 2013 - 12:04, édité 1 fois

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum Non centré

Message par Dr. Sam le Mar 11 Juin 2013 - 12:01

Bonjour,

Remplacez votre template par celui-ci:
Code:
 {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">
<div style="background-color:#000000;"><br>
<div style="color:#394140; font-family:Scribble Box; font-size: 40px; text-shadow: #2c2f2f 2px 2px 2px; text-align:center; letter-spacing:-3px;">Bienvenue  {USER&amp;#8288;NAME}  sur  Blackout</div><br>


  <a href="http://black-out.forumactif.org/t4-reglement">RÈGLEMENT</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/t6-contexte">CONTEXTE</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f3-postes-vacants">VACANTS</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f63-groupes">GROUPES</a> <span style="font-size: large;">••</span> <a href="http://black-out.forumactif.org/f4-annonces-questions-suggestions">QUESTIONS</a></center><br> 
<br>
<br>
  <center><table style="border: dotted"><tbody><tr><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top; overflow:auto;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE GRAND MECHANT STAFF</div><br><center>
    <body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
      <A HREF="http://black-out.forumactif.org/u2" title="Théobald de Navarre" onMouseOver="i979668.src='http://img4.hostingpics.net/pics/230856thogif.gif'"  onMouseOut="i979668.src='http://img11.hostingpics.net/pics/123958thopng.png'"><IMG SRC="http://img11.hostingpics.net/pics/123958thopng.png" BORDER=0 NAME="i979668" ALT="Theobald de Navarre" HSPACE=0 VSPACE=0></A>
  <!-- FIN DU SCRIPT --></body>
   
        <body><!-- DEBUT DU SCRIPT -->
<!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
-->
          <A HREF="http://black-out.forumactif.org/u5" title="Pandore Liddell" onMouseOver="i984139.src='http://img11.hostingpics.net/pics/720439Pangif.gif'"  onMouseOut="i984139.src='http://img11.hostingpics.net/pics/252327Panpng.png'"><IMG SRC="http://img11.hostingpics.net/pics/252327Panpng.png" BORDER=0 NAME="i984139" ALT="Pandore Liddel" HSPACE=0 VSPACE=0></A>
<!-- FIN DU SCRIPT --> </body> </center>

    </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">LE TOPIC DU MOIS</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><br><a href="http://black-out.forumactif.org/t351-topic-du-mois"><img src="http://img15.hostingpics.net/pics/572126icone1.png"></a><br><div style="color:#65595b; font-family:Tahoma; font-size: 15px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">« <a href="http://black-out.forumactif.org/t295-l-empire-des-sens-libre">L`EMPIRE DES SENS</a> »</div> </td><td style="background-color: #000000; border: #394140 5px solid; vertical-align:top;" height="100px" width="250"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">PARTENARIAT</div><div style="font-size:28px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; line-height:20px; height: 100px;"><select style="width: 190px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Top Partenaires
</option>
<option value="http://ambrosia.forums-actifs.com/">
Ambrosia
</option>

<option value="http://wildwide.forumgratuit.org/">
Aspen Creek
</option>

<option value="http://www.clan-kravt.com/">
Clan Kravt
</option>

<option value="http://pelennorfields.forumactif.org/">
Pelennor Fields
</option>
   
<option value="http://vketernal.forumactif.com/">
Vampire's Kingdom
</option>
   
<option value="http://alternativefuture.forumactif.org/">
Alternative Future
</option>

<option value="http://tvd-rpg.forumactif.org/">
Perfume of Blood
</option>

<option value="http://vegas.jeuforum.fr/forum/index.php">
Vegas
</option>
   
<option value="http://velvetrose.forum-canada.com/">
Cabaret Velvet Rose
</option> 
   
<option value="http://xmh-the-after-years.forum-gratuit.tv/">
X-Men Horizon
</option>   

</select><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:center; color:#394140;"><a href="http://black-out.forumactif.org/f56-pub-et-partenaires">Plus ?</a> <a href="http://black-out.forumactif.org/t447-formulaire-pour-les-demandes-de-partenariat">Devenir partenaire ?</a></div><div style="font-size:10px; margin-bottom:10px; text-align:justify; line-height:9px;"><span style="color: White;"><span style="font-weight: bold;"> TOP SITES</span></span> <span class="postlink">−− </span><br><br><center><a href="http://www.root-top.com/topsite/velusia/in.php?ID=5421" title="TOP 1" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://en.root-top.com/toplist/serpentgy/in.php?ID=9935" title="TOP 2" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/cherry23/in.php?ID=6795" title="TOP 3" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a> <a href="http://www.root-top.com/topsite/lilie/in.php?ID=7408" title="TOP 4" target="_blank"><img class="pix" src="http://img4.hostingpics.net/pics/682527blood.png" height="50" width="50"></a><br><tr><td colspan="3" style="background-color: #000000; border: #394140 5px solid" width="750"><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; margin-top:20px; text-align:justify;"><span style="color:white;"><b> Je suis Mnesis. La Mémoire du monde, la Balance.</b></span> Prenez place car je vais vous conter aujourd’hui notre histoire, votre histoire, ou comment les Règles ont été bafouées, comment l’Equilibre a été rompu... La Terre est occupée par les pierres, les plantes et les animaux. Au sein de ces derniers, les humains se sont peu à peu discernés. Et puis il y a les autres… Tous les Autres. Les humains vivent et meurent en ignorant leur existence, l’Ordre est ainsi fait. Ou plutôt il l'était...<a href="http://black-out.forumactif.org/f65-contexte" class="postlink" target="_blank" rel="nofollow">−− la suite par ici!<br><br></a></div></td></tr>
  </a></font></div></div></div></td></tr></tbody></table><table style="border-collapse: collapse"><tbody><tr><td style="background-color: #000000; border: #394140; 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">OYEZ ,  OYEZ !</div><div style="font-size:10px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify;">Le forum a ouvert ses portes le <span style="color:white;"><b>29.02.2009</b></span>. Il est interdit aux moins de <span style="color:white;"><b>18 ans</b></span> et est optimisé pour <span style="color:white;"><b>Mozilla Firefox</b></span>.</span><br><div style="text-align: center;">
<br><td style="background-color: #000000; border: #000000 5px solid; vertical-align:top; overflow:auto;" height="100px" width="350"><div style="color:#65595b; font-family:Tahoma; font-size: 20px; text-shadow: #000000 1px 1px 1px; text-align:center; letter-spacing:-2px; margin-top:3px;">ANNONCES</div><div style="font-size:11px; margin-left: 20px; margin-right:20px; margin-bottom:10px; text-align:justify; overflow:auto; height:100px;"><span class="postlink">−−</span><span style="color: White;"> 10.06.2013 :</span> Nos membres attendent leurs PV, n'hésitez pas à les <a href="http://black-out.forumactif.org/f75-pv-des-membres">consulter</a>!<br></div><br></center></div></td></tr></tbody></table></center>
 
 
{JAVASCRIPT}

<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i979668 = new Image;
i979668 = "http://img11.hostingpics.net/pics/767374thogif.gif";
}
</SCRIPT>
<!-- FIN DU SCRIPT --></head>


<head><!-- DEBUT DU SCRIPT -->
<SCRIPT LANGUAGE="JavaScript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/

/* PRECHARGEMENT DE L IMAGE DANS LE CACHE DU NAVIGATEUR */
if(document.images)
{
i984139 = new Image;
i984139 = "http://img11.hostingpics.net/pics/720439Pangif.gif";
}
</SCRIPT>
    <!-- FIN DU SCRIPT --></head>

<!-- BEGIN message_admin_index -->
<table class="forumline" width="900" border="0" cellspacing="1" cellpadding="0" align="center">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
       
       
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
       
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->

<center><div class="qeel_titre"></div>

<div class="qeel">
  <table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br /><br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
      </span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
    </tr></table>
</div>
  <center><a href="http://www.never-utopia.com/" style="font-size: 9px; color:#3a4140;">QEEL - (c) Never-Utopia</a></center></center>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum Non centré

Message par angepandora le Mar 11 Juin 2013 - 12:03

Bonjour

En fait je viens d'y réussir en attendant une réponse, il manquait un <table> dans le template du QEEl mais je vous remercie.

je passe le sujet en résolu Smile

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum Non centré

Message par Dr. Sam le Mar 11 Juin 2013 - 12:05

Bonjour,

J'ai fait plus que rajouter un table.. Il manque quelques codes important à votre template que j'ai rajouté Wink


Cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forum Non centré

Message par angepandora le Mar 11 Juin 2013 - 12:09

Ah d'accord!
Désolé j'étais tellement content d'avoir recentrée après y avoir mis deux heures.
Je vous remercie, je vais poser le code de ce pas!

angepandora
***

Messages : 174
Inscrit(e) le : 24/04/2008

http://xmhorizon.forumactif.org/
angepandora 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