sur l'île de Jeju, en Corée du Sud, une nouvelle école des arts de la scène ouvre ses portes. sa renommée internationale fait d'elle LE lieu dans lequel les futurs artistiques et hommes de l'ombre veulent étudier.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

QEEL avec groupe infobulle

 :: Once upon a time :: ➽ Oyez ! Oyez braves gens ! Voir le sujet précédent Voir le sujet suivant Aller en bas
Admin
Admin
avatar
Messages : 7
Date d'inscription : 29/07/2015
Jeu 22 Déc - 10:08
template

Code:
{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'" 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_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></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </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" rel="nofollow">{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'" 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 -->
<div class="fond_qeel"><br />
<div class="qeel1">
<table width="100" border="0">
<tr>
 <td align="center" valign="top">
 <div class="stat01"><div id='ILTQInfo'>
{TOTAL_USERS}
<span class="ListeConnectes">{NEWEST_USER}</span> {TOTAL_POSTS}</div>
                    <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/Nous avons/,"Bienvenue à Tokyo, ville qui ne dort jamais à ce qui parait. La ville a mis l’accent sur quelques individuls, ceux-ci sont aux nombres de ");</script>
      <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/membre enregistré/,"personne, qui est soit étranger, étudiant ou un citoyen. ");</script>
      <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/membres enregistrés/,"personnes, comprenant les étrangers, les étudiants et les simples citoyens. ");</script>
    <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière personne, qui a été aperçu à Tokyo, est ");</script>
      <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/Nos membres ont posté un total de/,". Nous avons actuellements ");</script>
      <script type="text/javascript">
        document.getElementById('ILTQInfo').innerHTML=document.getElementById('ILTQInfo').innerHTML.replace(/messages/," informations récentes ou anciennes, disponibles un partout sur le web et dans les livres, du moins certains sont classés confidentiels et nécessitent des accès particuliers.");</script>
                 
  <br/><span class="gensmall"><span class="ListeConnectes">{LOGGED_IN_USERS_LIST}</span></span>
  </div>
  </td>
 <td align="center" valign="top"> 

 <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
     
      <div class="systeme_onglets">
        <div class="onglets" style="padding-left: 24px; padding-bottom: 2px;">
              <span class="onglet_0 onglet" id="onglet_mj" onmouseover="javascript:change_onglet('mj');"><img src="http://img11.hostingpics.net/pics/488649643.png"style="width: 35px; height: 35px; border: 1px solid #754C21;"/></span>
          <span class="onglet_0 onglet" id="onglet_groupe" onmouseover="javascript:change_onglet('groupe');"><img src="http://img11.hostingpics.net/pics/903307815.png"style="width: 35px; height: 35px; border: 1px solid #E6C45C"/></span>
        <span class="onglet_0 onglet" id="onglet_NOM1" onmouseover="javascript:change_onglet('NOM1');"><img src="http://img11.hostingpics.net/pics/358229572.png"style="width: 35px; height:35px; border: 1px solid #000000"/></span>
<span class="onglet_0 onglet" id="onglet_NOM2" onmouseover="javascript:change_onglet('NOM2');"><img src="http://img11.hostingpics.net/pics/852801301.png"style="width: 35px; height:35px; border: 1px solid #38271B"/></span>
<span class="onglet_0 onglet" id="onglet_NOM3" onmouseover="javascript:change_onglet('NOM3');"><img src="http://img11.hostingpics.net/pics/938195364.png"style="width: 35px; height:35px; border: 1px solid #38271B"/></span>



<!-- FIN modifications -->

        </div> <div class="stat_groupe">
        <div class="contenu_onglets">
          <div class="contenu_onglet" id="contenu_onglet_staff"><br/> <div style="color: #533102; font-size: 9px; font-family: Time new roman; text-align: justify; margin-top: -7px;"><center><img src="http://img11.hostingpics.net/pics/419317immm.png"/></center></div>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_mj">
              <font style="color: #5854b8; font-family: 'Snippet'; font-size: 16px; font-align: center; margin-left: 20px; letter-spacing: -1px;">Arnaque, gloire et méchanceté</font><br>
              Ces individus ne souhaitent qu'une chose : épater la galerie ! Ils sont en quête de gloire et de reconnaissance, voulant atteindre les sommets de la méchanceté pour être admirés ou même détestés. Certains ne décollent pas d'un pouce, se cantonnant aux petits méfaits quotidiens. Mais il s'entêtent, et à défaut d'être sous le feu des projecteurs ; ils feront probablement un feu de joie dans votre jardin !<br />
              <center> <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center>
</div>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_groupe">
              <font style="color: #2f994c; font-family: 'Snippet'; font-size: 16px; margin-left: 30px; letter-spacing: -1px;">Fais péter le blé !</font><br>
              Être méchant, ça peut vous rapporter gros ! Voleurs en tout genre, ou bien homme à tout faire des grands de ce monde, ces malfaiteurs ne feront rien en l'absence d'un chèque. Enfin... Chèque, espèce, tickets restaurant... Les plus idiots prendront la carte bancaire ! Quoiqu'il en soit, ils désirent s'enrichir et le font clairement savoir. Ils aspirent à une vie faite de cruauté et de billets verts !<br />
              <center><a href="http://despicableme.forumactif.com/g3-fais-peter-le-ble">Les rejoindre ?</a></center>




            </div>

<!-- DEBUT modifications à faire dans le contenu des onglets, URL à ajouter -->

              <div class="contenu_onglet" id="contenu_onglet_NOM1"> <font style="color: #b30b0b; font-family: 'Snippet'; font-size: 16px; margin-left: 30px; letter-spacing: -1px;">Mon ADN est infecte</font><br>
                Argent, succès... Peu importe ! Si ils font le mal c'est tout simplement parce qu'ils en ont envie ! Faire pleurer une petite fille, mettre à rude épreuve les nerfs d'une petite mamie, ou tout simplement se montrer infecte avec tout le monde : c'est leur dada ! Ces méchants le sont par nature, excellent dans leur domaine. Ils se réjouissent du malheur des autres et sont convaincus qu'ils ne changeront pas. C'est maman qui les a fait ainsi, alors pourquoi devenir gentil ?<br />
                <center><a href="http://despicableme.forumactif.com/g5-mon-adn-est-infecte">Les rejoindre ?</a></center>
            </div>
                <div class="contenu_onglet" id="contenu_onglet_NOM2"> <font style="color: #C9531C; font-family: 'Snippet'; font-size: 16px; margin-left: 40px; letter-spacing: -1px;">Les citoyens</font><br>
                  Ils sont les témoins, au quotidien, des méfaits accomplis un peu partout dans le monde ! Certains se montrent intéressés, curieux, voir complètement investis dans ces phénomènes ; jusqu'à porter une certaine admiration à ces méchants, si ce n'est une haine incroyable ou encore une totale indifférence. Bref, loin d'être monsieur ou madame tout le monde, ils sont bien souvent les victimes de ces crimes et délits en tout genre.<br />
                  <center><a href="http://despicableme.forumactif.com/g7-citoyens">Les rejoindre ?</a></center>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM3">
              <font style="color: #c2991f; font-family: 'Snippet'; font-size: 16px; margin-left: 40px; letter-spacing: -1px;">Agence Vigilance de Lynx</font><br>
              Employés dans l'Agence Vigilance de Lynx, ils ont tous un rôle dans cette organisation secrète visant à lutter contre le crime. Ce sont de véritables petits anges, voir même de sacrés pigeons, naïfs et parfois trop bons ! Mais ils n'en sont pas moins compétents, donnant du fil à retordre à nos méchants ! Courir après les vilains, c'est leur dada !<br />
              <center><a href="http://despicableme.forumactif.com/g6-agence-vigilance-de-lynx">Les rejoindres</a></center>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM4">
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM5">
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM6">
            </div>

<!-- FIN modifications -->

        </div>
        <div class="onglets" style="padding-left: 24px; padding-top: 2px;">


            <span class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff');" style="visibility: hidden;">Staff</span>
        </div>
 
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'staff';
                change_onglet(anc_onglet);
        //-->
        </script>
 
</div>
 </td> 
    <td align="center" valign="top"> 
 <div class="stat02">
 <table><span class="ListeConnectes">{L_CONNECTED_MEMBERS}</span></table></div>
  </td>
  </tr>
    </table>
    </div>
    </div>

<!-- 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="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> &nbsp;</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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Revenir en haut Aller en bas
Admin
Admin
avatar
Messages : 7
Date d'inscription : 29/07/2015
Jeu 22 Déc - 10:10
CSS

Code:
/**************************************************************************
                  QEEL
**************************************************************************/

 /************* QEEL PAR PHANTASMAGORIA sur PRD *******/

  .onglet
        {
                display:inline-block;
background: #000;
                cursor:crosshair;
                text-align: center; background:transparent;}


        .contenu_onglet
        {    -moz-border-radius: 15px;
              -webkit-border-radius: 15px;
              border-radius: 15px;
                border: 2px solid #;
                background: #;
                width:230px;
                height: 240px;
                margin-top:-1px;
                padding:5px;
                display:none;
                text-align: justify;
                font-family: Arial;
                font-size: 11px; overflow: auto;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
     

.fond_qeel { background-color: #e4edf0; width: 815px;}
.qeel1{width: 795px; border: 0px solid #95a9b7; margin-left: 10px; margin-top: -10px;} 
.stat01 { line-height: 12px; text-align: justify; background-color: #f3f4f6; padding: 5px; border: 0px solid #95a9b7; height:278px; width: 250px; font-size: 9px;}
.stat_groupe {text-align: justify; background-color: #f3f4f6; padding: 5px; border: 0px solid #95a9b7; height:240px; width: 240px; font-size: 9px;}
.stat02 {line-height: 12px; text-align: justify; background-color: #f3f4f6; padding: 5px; border: 0px solid #95a9b7; height:278px; width: 250px; font-size: 9px;}
.stat02 td.row1 {
 background : none;
 border: transparent;} 
.ListeConnectes a {
text-transform:uppercase;
}
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en hautPage 1 sur 1
Sujets similaires
-
» Le Groupe Paradox
» Zone 2 Groupe Alpha
» avec Ryanair, vous restez à terre.....
» [Addict Cup 9] Groupe F
» Il est vrai qu'Arkeonik rime avec décapeur thermique.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sugar Free :: Once upon a time :: ➽ Oyez ! Oyez braves gens !-
Sauter vers: