QEEL CDA

/******QEEL******/


@font-face {
  font-family: 'Qwigley';
  font-style: normal;
  font-weight: 400;
  src: local('Qwigley'), local('Qwigley-Regular'), url(http://themes.googleusercontent.com/static/fonts/qwigley/v4/jXlXpULVZtk2Rzpy5O18QwLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

.qeel{
  text-align:center;
  margin:auto;
}

/*QUI EST EN LIGNE*/
.titre_qeel{
  font-family: 'Qwigley'; /*police du titre*/
  font-size:85px; /*taille du titre*/
}

.groupe{
  text-align:center;
  opacity:0.8;
  position:relative;
  bottom:35px; /*à modifier selon police*/
  border-top:dashed #c16f6f 1px; /*trait tillé sous le QEEL*/
}

/*GROUPES*/
.groupe span{
  text-transform:uppercase; /*texte en majuscules*/
  font-size:18px; /*taille du texte*/
  font-weight:bold; /*texte en gras*/
  letter-spacing:4px; /*espacement des lettres*/
  font-family:Serif; /*police*/
  margin:auto;
  padding:10px;
}

.groupe span:hover{ /*au survol*/
  font-style:italic;
}

/*BLOCS*/
.text_qeel /*Left*/, .droite /*right*/
{
  display:inline-block;
  vertical-align:middle;
  overflow:auto;
  width:280px;
  height:180px;
  color:grey; /*couleur texte*/
  font-size:13px; /*taille du texte*/
  background:#dad5d7; /*couleur fond blocs*/
  border:#c16f6f 0px solid; /*couleur des bordures des blocs*/
  letter-spacing:-1px; /*espacement du texte*/
  border-width:0 0 3px 0;
  border-radius:0 0 10px 10px;
  text-align:justify;
  margin:-20px 10px 5px;
  padding:10px;
}

.connected .gensmall,.whosbirthday .gensmall  {
  font-size:13px !important; /*taille du texte*/
  color:grey !important; /*couleur texte qeel*/
}
.connected .row1, .whosbirthday .row1 {
  background:none !important;
}

.credits{
  text-transform:uppercase;
  font-family:arial;
  font-size:11px;
  text-align:center;
  opacity:0.3;
  margin-top:20px;
}

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

    
      <table class="qeel"><tr><td>
        <div class="titre_qeel"><span style="color:#FFFFFF;">Qui est en ligne ?</span></div>
      
        <div class="groupe">
          <a href="http://clansdesastres.forumactif.org/g1-administrateurs"><span style="color:#FFFFFF;">Administrateurs</span></a>
          <a href="http://clansdesastres.forumactif.org/g2-clan-du-soleil"><span style="color:#EEFF00;">Clan du Soleil</span></a>
          <a href="http://clansdesastres.forumactif.org/g3-clan-de-la-lune"><span style="color:#03005C;">Clan de la Lune</span></a>
          <a href="http://clansdesastres.forumactif.org/g4-les-solitaires"><span style="color:#690000;">Solitaires</span></a>
          <a href="http://clansdesastres.forumactif.org/g22-joueurs-inactifs"><span style="color:grey;">Joueurs Inactifs</span></a>
        </div>
        <div class="text_qeel">{TOTAL_POSTS}<br />
                  {TOTAL_USERS}<br />
                  {NEWEST_USER}<br />{TOTAL_USERS_ONLINE}<br />
                  {RECORD_USERS}<br />
      {LOGGED_IN_USER_LIST}
        
          <table class="whosbirthday" align="center">{L_WHOSBIRTHDAY_TODAY}
                  {L_WHOSBIRTHDAY_WEEK}</table></div>
      
        <div class="droite">
    
                <table class="connected" align="center">{L_CONNECTED_MEMBERS}</table>
          </div>
          
        <div class="credits"><a href="http://creaphy.olympe.in/index.php">@ Pyphilia</a></div>
        
        </td></tr></table>

      

    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->
    <table border="0" cellspacing="3" cellpadding="0" align="center">
      <tr>
          <td align="center" width="20"><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="20"><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="20"><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 -->

<div style="height:3px"></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><center><div class="titrepacuueil" style="font-size: 40px!important;">Les Clans des Astres</div>
<div class="ribbon"><div class="ribbon-stitches-top"></div>
  <a href="http://clansdesastres.forumactif.org/t1-reglement">Règlement</a> ◌ <a href="http://clansdesastres.forumactif.org/t4-les-terres-d-archange">Histoire</a> ◌ <a href="http://clansdesastres.forumactif.org/f4-postes-vacants">Prédéfinis</a> ◌ <a href="http://clansdesastres.forumactif.org/t12-carte">Carte</a> ◌ <a href="http://clansdesastres.forumactif.org/t431-la-vie-d-un-loup">La Vie d'un Loup </a>
  <div class="ribbon-stitches-bottom"></div>
</div>
 
  <br />

<table cellspacing="10"><tr><td>
  <div class="blocstaff"><div class="titrepacuueil">Staff</div>
  <center><table cellspacing="5" cellspadding="5"><tr><td>
   
    <div class="infobullestaff">
      <img src="http://www.zupimages.net/up/16/02/w3dd.bmp" />
      <div><div class="contenuinfo">
        <div class="postinfobullepredef"><div class="posteinfoecripredef">Archange</div></div><br />
        « citation »<br/><br/>
        <a href="http://clansdesastres.forumactif.org/u1">Profil</a>
      </div></div>
    </div>
   
  </td><td>
   
    <div class="infobullestaff">
      <img src="http://www.zupimages.net/up/16/02/glzj.bmp" />
      <div><div class="contenuinfo">
        <div class="postinfobullepredef"><div class="posteinfoecripredef">Gabriel</div></div><br />
        « L'Obscurité se reserre... tout est devenu noir... mais je le vois encore... »<br/><br/>
        <a href="http://clansdesastres.forumactif.org/u27">Profil</a>
      </div></div>
    </div>
   
  </td></tr><tr><td>
   
    <div class="infobullestaff">
      <img src="http://image.noelshack.com/fichiers/2013/26/1372163822-sans-titre-2.png" />
      <div><div class="contenuinfo">
        <div class="postinfobullepredef"><div class="posteinfoecripredef">Name</div></div><br />
        « citation »<br/><br/>
        <a href="http://clansdesastres.forumactif.org/">Profil</a>
      </div></div>
    </div>
   
  </td><td>
   
    <div class="infobullestaff">
      <img src="http://image.noelshack.com/fichiers/2013/26/1372163822-sans-titre-2.png" />
      <div><div class="contenuinfo">
        <div class="postinfobullepredef"><div class="posteinfoecripredef">Name</div></div><br />
        « citation »<br/><br/>
        <a href="http://clansdesastres.forumactif.org/">Profil</a>
      </div></div>
    </div>
   
  </td></tr></table></center>
  </div>
 
</td><td>
 
  <img src="http://www.zupimages.net/up/16/02/43rm.gif" style="border-right: 1px solid #232C22; border-left: 1px solid #232C22; border-bottom: 4px solid #232C22; border-top: 4px solid #232C22;" />

</td><td>
 
  <div class="credit"><div class="titrepacuueil">Crédits</div>
    Page d'Accueil (c) <br>
    <a href="http://libre-graph.forumperso.com/">Sunhae</a><br>
    Forum, Contexte et Personnages officiels (c) Archange <br>
    Thème (c) Archange
  </div>
 
</td></tr></table>
 
 
<table cellspacing="10"><tr><td>
 
  <div class="newsbloc"><div class="titrepacuueil">Nouveautés</div><br />
    ◌ 13/01/16: Installation du design hivernal<br />
    ◌ XX/XX/XX: Bientôt<br />
    ◌ XX/XX/XX: Bientôt<br />
    ◌ XX/XX/XX: Bientôt<br />
    ◌ XX/XX/XX: Bientôt<br />
    ◌ XX/XX/XX: Bientôt
  </div>
 
</td><td>
 
  <div class="contextebloc"><div class="titrepacuueil">Contexte</div><br />
    Il y a très longtemps, les Terres d'Archange étaient un havre de paix, baptisées ainsi au nom du    grand loup légendaire qui aurait lui même fonder ce monde, ou les loups et d'autres animaux vivaient en harmonie avec les humains. Cependant, tout bascula lors d'un conflit astral, entraînant une guerre entre Nekar et Tikar, dieu Soleil et déesse Lune. Sur les Terres d'Archange, un couple de loups, Arkain et Engelyn se disputèrent le pouvoir de régner et la puissance que pouvait leur apporter l'énergie des astres, le soleil et la lune. Arkain croyait en la chaleur bienfaitrice du soleil tandis qu'Engelyn vénérait la pureté bienveillante de la lune...
<a href="http://clansdesastres.forumactif.org/t4-les-terres-d-archange">Lire la suite ? </a>
  </div><br>
 
</td></tr><tr><td>
 
  <div class="topsitesbloc"><div class="titrepacuueil">Top Sites</div>
    <img src="http://www.zupimages.net/up/16/02/wm0x.bmp" class="imgtop" />
    <img src="http://www.zupimages.net/up/16/02/wm0x.bmp" class="imgtop" />
    <img src="http://www.zupimages.net/up/16/02/wm0x.bmp" class="imgtop" />
    <img src="http://www.zupimages.net/up/16/02/wm0x.bmp" class="imgtop" />
  </div>
 
</td><td>
 
  <div class="partenairesbloc"><div class="titrepacuueil">Partenaires</div><br />
    <marquee onmouseout="this.start();" onmouseover="this.stop();" direction="right">
    <img src="http://image.noelshack.com/fichiers/2013/26/1372165948-partenaire.png" href="LIEN" />
    <img src="http://image.noelshack.com/fichiers/2013/26/1372165948-partenaire.png" href="LIEN" />
    <img src="http://image.noelshack.com/fichiers/2013/26/1372165948-partenaire.png" href="LIEN" />
    </marquee>
  </div>
 
</td></tr></table>
</center></div></td></tr></table>