Commande QEEL Breaking Blood, Versus 3

 /* Arrondi exterieur QEEL*/
 .forumline{
border-left: 2px solid #8A877F;
border-right: 2px solid #8A877F;
border-top: 4px solid #8A877F;
border-bottom: 4px solid #8A877F;
-moz-border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px 8px 8px 8px;
 }

/*Onglet du QEEL*/
.onglet {
  background-color: # ;
border-right: 5px solid #3D4952;
 border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
 border-bottom: 1px dotted #3D4952;
  -moz-border-radius: 120px;
-webkit-border-radius: 120px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
 font-family: verdana;
font-weight: bold; text-align: center;
color: #3D4952;}

/*Bloc du QEEL*/
.message {
  background-image:url('http://www.pixyup.com/uploads/081636184f81a262e01c0.png');
 border-right: 5px solid #3D4952;
  height:425px;
border-left: 5px solid #3D4952;
border-top: 1px dotted #3D4952;
border-bottom: 1px dotted #3D4952;
  -moz-border-radius: 2px;
-webkit-border-radius: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
padding-left: 30px;
 padding-right: 30px;
font-family:'Sverige Script Demo';
text-align: center;
color: #3D4952;
}

/*Encadrement des groupes */
.structure_groupe {
background-color:silver;
width:100px;
height:20px;
border:2px solid grey;
-moz-border-radius: 120px;
-webkit-border-radius: 120px;
border-radius:120px;
 padding-right:12px;
  padding-left:14px;
 
font-size:12px;

  text-align:center;
  font-family:'Sverige Script Demo', cursive;
  text-shadow:2px 3px 3px white;
  letter-spacing:5px;



}

/*Infobulle des groupes*/
.infobulle{
          position:relative;}
       
        .infobulle .infobulle-hidden {
          display:none;  position:absolute;    visibility: visible;  z-index: 100;
          background-color:silver;
          border:5px solid #3D4952;
          margin:20px;
          width:203px;
        height:215px;
        border-left: 5px solid #3D4952;
        border-right: 5px solide #3D4952;
border-top: 1px dotted #3D4952;
border-bottom: 1px dotted #3D4952;
  -moz-border-radius: 2px;
-webkit-border-radius: 2px;
  text-align:15px;
        float:right;
          }
 .infobulle:hover .infobulle-hidden {
          display:block;}

/*Gif des groupes*/
.gif {
position:relative;
border: 3px solid #3D4952;
 width:140px;
  height:80px;
  margin-left:20px;
  margin-top:5px;
}

.gifimage {
  margin:auto;
  padding:auto;
 
 
 
}

/*Image du QEEL*/

#whoisonline {
 position:float;
 
}

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- 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">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </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 -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';  }
function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';

document.getElementById('onglet3').style.display='none';  document.getElementById('onglet4').style.display='none'; }
function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none'; }
function patonglet4() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';

document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block'; }
 
  </script>

<!-- BARRE D'ONGLETS -->
<table width="100%"><tr>
                  <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Statistiques</div></td>
                  <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Les groupes</div></td>
                </table>
                                 
            <table width="100%">
              <tr width="100%">
                <td width="100%">
<!-- PREMIER MODULE -->
                    <div id="onglet1">
                        <div class="message">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1" height:"500px">
                              <tr>
                                <td style="text-align: center;" width="100%">

   
             
    Bienvenue là où la pluie ricoche sur l'alphaste de la route. <br>Dans la célèbre bourgade de Forks et ses alentours  <span class="gensmall"> <span id="totalusers"> {TOTAL_USERS}
<script type="text/javascript">document.getElementById('totalusers').innerHTML=document.getElementById ('totalusers').innerHTML.replace(/membres enregistrés/,"victimes");
</script>

      <script type="text/javascript">document.getElementById('totalusers').innerHTML=document.getElementById ('totalusers').innerHTML.replace(/messages/,"missives");
</script>
       

<span class="gensmall"> <span id="newest"> {NEWEST_USER}
              <script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière victime inscrite");</script></span>
             
              <span class="gensmall"> <span id="totaluseronline"> {TOTAL_USERS_ONLINE}<script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById ('totaluseronline').innerHTML.replace(/utilisateurs en ligne/,"Vadrouilleurs à Fork");
              </script>
             
                  <script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Enregistré/,"Habitants");
              </script>
              <script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invisible/,"Nomade");
              </script>
              <script type="text/javascript">document.getElementById('totaluseronline').innerHTML=document.getElementById('totaluseronline').innerHTML.replace(/Invité/,"Futurs habitants");
                </script>
            </span>
  </span></span></span>
                    <table id="test">
        <tr><td style=vertical-align:"top;">
        <span class="gensmall">{L_CONNECTED_MEMBERS}</span>
          <script type="text/javascript">document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Haan tu veux surement savoir qui est de passage à Fork depuis ces dernières 36h00 :");
          </script></table></tr></td>
                                  <div id="whoisonline"><img src="http://www.pixyup.com/uploads/081255254f816e9de79cb.png"></img></div>
                          </td>
                              </tr>
                          </table>
                        </div>
                    </div>   
                   
                   
                   
                 
<!-- DEUXIEME MODULE -->
                    <div id="onglet2" style="display: none;">
                        <div class="message">
                          <table width="100%" border="0" cellpadding="10" cellspacing="1">
                              <tr>
                                <td style="text-align: center;" width="100%">
                                     
   
    </td>
                           
 
                                <table><tr><td><span="gensmall"> 
                  <span class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span> </span></span></td><tr><td><br>
                  <div class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span></div></td></tr><br>
                                  <table><tr><td><span="gensmall"> 
                  <span class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span> </span></span></td><tr><td><br>
                  <div class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span></div></td></tr><br>
                                  <table><tr><td><span="gensmall"> 
                  <span class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span> </span></span></td><tr><td><br>
                  <div class="infobulle">  <a href=http://ocelline-testdesign.kanak.fr/g2-moderateurs?tt=1""><font color="#code couleur du groupe"><b> <span class="structure_groupe">Humains</span></b></font>
  <span class="infobulle-hidden">
    <div class="gif"> <div class="gifimage"><img src="http://www.pixyup.com/uploads/252208484fbfe6d0b6432.gif"> </img> </div></div>
      Les loups modificateurs sont issu de la tribu des Quileutes. Ils ont la capacité de muter en  gigantesque loups tueur de vampire
                    </span></div></td></tr><br>
                         
             
                                 
     
                                </td>
                              </tr>
                          </table>
                        </div>
                    </div>
                                    </tr>
                                    </td>
                                   
                                   
                      </table>
        </tr></table>               
                                   
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="1"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="1"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="1"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

{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 -->