Code pour placer la CB en haut à droite dans le coin du forum.

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

Résolu Code pour placer la CB en haut à droite dans le coin du forum.

Message par Patte' le Dim 29 Mar 2015 - 12:04

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://la-zone-hominiens.forumactif.org

Description du problème

Coucou ♥

J'ai besoin de votre aide car je cherche un code pour mettre ma ChatBox (actuellement sur le côté droit du forum) en haut à droite dans l'angle, un peu comme sur Never Utopia où la CB est à la place du panda. ^^

Voilà je vous remercie d'avance ♥
A bientôt j'espère ~ 8D


Dernière édition par Patte' le Sam 4 Avr 2015 - 11:40, édité 1 fois

Patte'
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 28/01/2014

http://la-zone-hominiens.forumactif.org/
Patte' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par MlleAlys le Dim 29 Mar 2015 - 18:05

Bonjour,

Vous souhaitez aussi avoir la liste des membres qui apparait au survol ? Je peux proposer un code pour un effet similaire en modifiant le template index_body ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par Patte' le Dim 29 Mar 2015 - 19:25

Hey Wink !

Oui je veux bien je te remercie Razz ! Et bien cela ne me dérange pas de déplacer le Template Index_body. ^^

Patte'
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 28/01/2014

http://la-zone-hominiens.forumactif.org/
Patte' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par MlleAlys le Dim 29 Mar 2015 - 22:43

EDIT : C'est bon j'ai trouvé pour afficher lal iste des membres sur toutes les pages, du coup on peut mettre le code dans overall_header ^^

Pour afficher la chatbox avec les membres connectés dans le coin en haut à droite de toutes les pages du forum :



♣ Dans affichage > templates > général > index_body :

- Repérer la variable {CHATTERS_LIST} (qui correspond à la liste des membres connectés à la chatbox dans le qeel)

- L'entourer d'un span avec un identifiant ainsi :
Code:
<span id="chatters">{CHATTERS_LIST}</span>
(C'est pour pouvoir le récupérer après ^^)

- Enregistrer et publier le template.




♣ Dans le template overall_header :

- Repérer ce passage :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
C'est le début de l'affichage de la page, tout ce qui avant, entre les balises <head>...</head> n'est pas affiché, ce sont des informations, les scripts, des liens vers les feuilles de style, etc; et tout ce qui se trouve entre les balises <body>...</body> est destiné à être affiché sur la page. Nous avons donc ici le début du body, le corps de la page.

- Ajouter juste après ce passage repéré le code suivant :
Code:
<!-- DEBUT CHATBOX COIN-->
  <div id="chatbox_coin">
    <a href="/chatbox/index.forum"></a>
    <div id="chatters_coin">
      <script language="JavaScript" type="text/javascript">
        <!--
        jQuery(document).ready(function(){
        jQuery('#chatters_coin').load('/ #chatters');
        });
        //-->
      </script>
    </div>
  </div>
  <!-- FIN CHATBOX COIN-->
Ce qui donne :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
 
 
  <!-- DEBUT CHATBOX COIN-->
  <div id="chatbox_coin">
    <a href="/chatbox/index.forum"></a>
    <div id="chatters_coin">
      <script language="JavaScript" type="text/javascript">
        <!--
        jQuery(document).ready(function(){
        jQuery('#chatters_coin').load('/ #chatters');
        });
        //-->
      </script>
    </div>
  </div>
  <!-- FIN CHATBOX COIN-->
En gros, c'est un bloc nommé "chatbox_coin" avec à l'intérieur un lien vers la chatbox et un cadre nommé "chatters_coin". Et dans ce dernier un script permet de récupérer la variable des membres connecté à la chatbox grâce à l'identifiant "chatters" mis tout à l'heure dans le template index_body. Wink

- Enregistrez et publiez le template.




♣ Enfin le css pour placer les éléments comme on veut et où on veut :
- Dans Affichage > couleurs > onglet "feuille de style css" :
détail :

- On place le bloc chatbox_coin en position fixe en haut à droite :
Code:
div#chatbox_coin {
  position: fixed;
  top: 0;
  right: 0;
}

- Puis je fais en sorte que le lien soit un bloc carré de 100px*100px et je lui met une image de fond :
Code:
div#chatbox_coin a[href="/chatbox/index.forum"] {
  display: block;
  height: 100px;
  width: 100px;
  background: url(http://r24.imgfast.net/users/2913/10/00/00/avatars/144371-75.png);  /*image de fond*/
  background-size: contain;
}

- puis je "cache" le bloc des membres en ligne en lui attribuant une largeur et une hauteur de 0px et je le positionne en dehors de l'écran. C'est ici aussi la mise en forme avec la taille du texte, la couleur de fond, etc :
Code:
div#chatters_coin {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: 1s ease; /*pour l'effet de transition au survol*/
  background: beige; /*fond du bloc*/
  font-size: 12px; /*taille du texte*/
  padding: 5px; /*marge intérieure pour éviter que le texte colle aux bords*/
}

Et enfin au survol du bloc "chatbox_coin" j'agrandis et je change la position du bloc des membres connectés pour rendre la liste visible :
Code:
div#chatbox_coin:hover #chatters_coin {
  top: 80px;
  right: 80px;
  width: 200px; /*largeur du bloc*/
  height: 100px; /*hauteur du bloc*/
}
Ce qui donne au final le code css:
Code:
div#chatbox_coin {
  position: fixed;
  top: 0;
  right: 0;
}

div#chatbox_coin a[href="/chatbox/index.forum"] {
  display: block;
  height: 100px;
  width: 100px;
  background: url(http://r24.imgfast.net/users/2913/10/00/00/avatars/144371-75.png);  /*image de fond*/
  background-size: contain;
}

div#chatters_coin {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 0;
  height: 0;
  overflow: hidden;
  transition: 1s ease; /*pour effet de transition au survol*/
  background: beige; /*fond du bloc*/
  font-size: 12px; /*taille du texte*/
  padding: 5px; /*marge intérieure pour éviter que le texte colle aux bords*/
}

div#chatbox_coin:hover #chatters_coin {
  top: 80px;
  right: 80px;
  width: 200px; /*largeur du bloc*/
  height: 100px; /*hauteur du bloc*/
}

- Enregistrer la feuille de style ^^



♣ Actualiser le forum et vérifier que ça fonctionne bien, et sur toutes les pages ^^

♣ Modifier le css pour personnaliser tout ça ! (si besoin évidemment,mais je doute que vous vouliez garder un zèbre multicolore en image par exemple ? Razz )

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par Patte' le Jeu 2 Avr 2015 - 19:58

Hello Wink !
Je te remercie mais j'ai un Template index_body personnalisé et je n'ai plus la variable {CHATTERS_LIST} ! ^^

Le voici:
Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
<div id="la_pa">
  <!-- BEGIN message_admin_titre -->
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
</div>
<!-- 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></span>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_delete_cookies -->
    <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{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">{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 -->
    <center><div class="fondsgénéraux"><center><div class="titrePA1">
    Les Hominiens de la Zone
    </div>
    <img src="http://nsa31.casimages.com/img/2014/01/25//140125112012539200.png" style="width: 100px; margin-top: -50px; margin-left: 320px; z-index: 2px; opacity: 0.5px;" />
    <br /><br /><table><tr><td><center>
      <div class="qeel"><div class="qeel_img"><img src="http://s9.favim.com/orig/131223/animation-black-and-white-dance-disney-Favim.com-1177200.gif" style="width: 250px;" /></div><div class="qeel_description"><div class="titrePA2">Dans la Zone</div><br />Bienvenue dans la Zone, monde totalement ... fou, extraordinaire ? A vos risques et périls.<span id="bert">{TOTAL_POSTS}
                    </span>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Actuellement,").replace(/message/,"aventures ont été vécues par");
                    </script> <span id="matt">{TOTAL_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"nos").replace(/membre enregistré/,"Homiens");
          </script><br />
          <span id="yosh">{NEWEST_USER}</span>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"En ce moment nous festoyons au Mcdo en l'honneur de");
        </script></div></div><br />
      <div class="blocpa" style="font-size: 11px; text-align: justify; width: 220px; height: 100px; overflow: auto;"><div class="titrePA2">En ce moment ...</div><br /><span id="alpha">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés :/,"Voici qui rôdes dans les rues désertes de Hominis... attention ils possèdent peut-être une arme... :");</script></div>
      <br />
     
      <div class="titrePA2">En ce moment...</div><div class="blocpa" style="font-size: 11px; text-align: justify; width: 220px; height: 80px; overflow: auto;">En ce moment nous sommes au printemps, les cultures des plantes et des ressources nécessaires à la survie de tous peuvent enfin commencer ;) ! </div>
      </center></td><td width="20px"></td>
      <td><center><div class="blocpa" style="width: 300px; height: 100px;">
                        <script type="text/javascript">
                //<!--
                        function change_qeelonglet(name)
                        {
                                document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                                document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                                document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                                document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                                anc_qeelonglet = name;
                        }
                //-->
                </script><div class="qeelonglets"><nobr>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe1" onclick="javascript:change_qeelonglet('groupe1');"><div style=" color: #780862;">Cercle</div></span>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe2" onclick="javascript:change_qeelonglet('groupe2');"><div style=" color: #43A31D;">Espions</div></span>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe3" onclick="javascript:change_qeelonglet('groupe3');"><div style=" color: #201C96;">Solitaires</div></span>

        </nobr> </div>

                <div class="contenu_qeelonglets">
                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe1">Les personnages appartenant à ce groupe ont la lourde tâche d'améliorer le quotidien de tous, de surveiller les vivres, de développer de nouvelles idées, de protéger tous les habitants de la Zone et etc. Ils ont un rôle important dans la communauté. Mais n'aurait-t-il pas quelques coups-bas au sein du groupe pour avoir le pouvoir ultime ? <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>

                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe2">Les espions sont chargés de trouver les informations que certains veulent, ils peuvent soutenir la cause des Rebelles, comme la cause des Hominiens ou bien même la cause du Cercle ! Parfois même, ils cherchent des informations qui seront utiles à leur propre pomme ! ^^ Ce sont les plus discrets et fouineurs habitants de la Zone. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>

                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe3">Les solitaires sont en fait des Hominiens qui préfèrent ne pas travailler, être indépendants de leur survie. Ils se cachent dans de vieilles maisons abandonnées. Ils n'ont pas le droit au logement et à la nourriture gratuite, c'est pour cela qu'ils se trouvent des petits boulots pour gagner leur croûte et acheter de la nourriture. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe4">Les Rebelles sont des Hominiens n'ayant aucun pouvoir, qui se sont rebellés contre ceux avec des pouvoirs pour des histoires de favoritismes et dangers. Ils vivent dans l'hôtel délabré, à l'écart de la communauté. Ils possèdent des armes et certains d'eux (même s'ils sont rares), peuvent être suspectés de trahison ou bien-même d'avoir des pouvoirs... <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe5">Les Hominiens sont des habitants dit « Normaux », ils ont (ou pas) des pouvoirs et travaillent dans les différents ateliers pour améliorer la Zone et sa vie. Supervisés par les Dirigeants, ils s'affairent à leurs tâches habituelles. Mais certains résistent à ce nouveau concept. Cachés dans l'ombre, ils résisitent farouchement au travail. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe6">Les Dirigeants gèrent des groupes d'Hominiens dans différents travaux, comme les récoltes, tris, ventes, comptes et etc. Ils sont importants dans la communauté, beaucoup envient leur rôle... <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
     
        </div>
     
        <div class="qeelonglets"><nobr>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe4" onclick="javascript:change_qeelonglet('groupe4');"><div style=" color: #C29D0A;">Rebelles</div></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe5" onclick="javascript:change_qeelonglet('groupe5');"><div style=" color: #C44EAC;">Homiens</div></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe6" onclick="javascript:change_qeelonglet('groupe6');"><div style=" color: #992222;">Dirigeants</div></span>

        </nobr> </div>
            <script type="text/javascript">
                //<!--
                        var anc_qeelonglet = 'groupe1';
                        change_qeelonglet(anc_qeelonglet);
                //-->
         
                </script>
     
        </div><br /><br /><br />
     
      <div class="blocpa" style="font-size: 11px; text-align: justify; width: 270px;"><div class="titrePA2">Les individus à fuir...</div><br />
    Quiconque s'approchera de ces dangereux individus qui ont rôdé ici dans les dernières 24 heures mourront... <div style="width: 250px; height: 60px; overflow: auto;"> <table id="kaboum">{L_CONNECTED_MEMBERS}
    <script type="text/javascript">
    jQuery('#kaboum').html(jQuery('#kaboum').html().replace('Membres connectés au cours des 24 dernières heures : ','Voici les dangeureux individus à fuir : '));
      </script></table>
</div>
        </div><br />
   
<div class="qeel1"><div class="qeel1_img"><img src="http://24.media.tumblr.com/91ae1ac4d8d07740b163080d9461a3b1/tumblr_mie93xmyWT1r11qslo1_500.gif" style="width: 300px;" /></div><div class="qeel1_description"><div class="titrePA2">Informations</div><br />
        Toute copie partielle ou complète du forum est interdite. <br />Codage du QEEL, PA et Catégories par les codeurs de NU. Merci à eux ! =) </div></div></center></td></tr></table></center></div></center>


    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
<!-------------------------------
 * BLOC PARTENAIRES AVEC DECALAGE
 * Libre service - Never Utopia
--------------------------------->
<center><div class="staggered-partners">
  <marquee behavior="direction="right"; scrollamount="15"><a href="http://wiggenweld.forumactif.com/"><img src="http://i.imgur.com/K3DK2db.png" alt="Problème d'affichage" title="WiggenWeld" class="exemple" /></a>   
    <a href="http://auroracorporation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/68701688x31.jpg" alt="Problème d'affichage" title="Aurora Corporation" class="exemple" /></a>
    <a href="http://academie-yuukou.forumactif.org/"><img src="http://img15.hostingpics.net/pics/45728588x31.gif" alt="Problème d'affichage" title="Pensionnat Yuukou" class="exemple" /></a></marquee>

 
    <div class="credits-partners"><a href="http://la-zone-hominiens.forumactif.org/t16-demande-de-partenariat" title="Bloc partenaire venant de Never Utopia">Et vous ?!</a></div>
  <div class="credits-partners"><a href="http://www.never-utopia.com/" title="Bloc partenaire venant de Never Utopia">Never Utopia ♥</a></div>
 
  </div></center>
<!-- FIN BLOC PARTENAIRE -->
    <!-- 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 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 -->

En tout cas je te remercie d'avoir pris le temps de fournir les codes ♥

Patte'
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 28/01/2014

http://la-zone-hominiens.forumactif.org/
Patte' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par demeter1 le Jeu 2 Avr 2015 - 20:47

Bonjour Patte,
je vois que vous avez la toolbar qui est activée.

Voici un js qui va vous permettre d'activer la chatbox à partir de la toolbar. Le texte d'activation sera juste à côté de "notifications"
Code:
$(function(){$(function(){
      var config = {
        width : '700px',
        height : '350px',
        mod_icon : 'default',
        msgnotif : true,
        timestamp : true,
        connection_logs : true
      },
      fa_chat = cre('IFRAME'), fa_button = cre('A'), fa_members = cre('SPAN'), fa_style = cre('STYLE'), fa_right = getId('fa_right'), frame,
          css = '#fa_chat_button{line-height:30px;padding:0 5px;color:black;cursor:pointer;} .fa_actif{background:black !important;color:#000 !important;} .fa_new{background:#FF8 !important;color:#000 !important;} #fa_chat{background:#FFF;width:'+config.width+';height:'+config.height+';border:1px solid #000;border-top:none;position:absolute;top:30px;right:39px;}';

      if (!fa_right || !_userdata.session_logged_in) return;
 
      // set stylesheet
      fa_style.type = 'text/css';
      if (fa_style.styleSheet) fa_style.styleSheet.cssText = css;
      else fa_style.appendChild(document.createTextNode(css));
      document.getElementsByTagName('HEAD')[0].appendChild(fa_style);
 
      // members attributes
      fa_members.id = 'fa_members';
      fa_members.innerHTML = '(0)';
 
      // fa_button attributes
      fa_button.innerHTML = 'Chat ';
      fa_button.id = 'fa_chat_button';
      fa_button.className = 'rightHeaderLink';
      fa_button.appendChild(fa_members);
      fa_right.insertBefore(fa_button,fa_right.lastChild);
 
      // fa_chat attributes
      fa_chat.id = 'fa_chat';
      fa_chat.src = '/chatbox';
      fa_chat.style.display = 'none';
      fa_right.insertBefore(fa_chat,fa_right.lastChild);
 
      fa_chat.onload = function() {
        if (fa_chat.contentDocument) frame = fa_chat.contentDocument;
        else if (fa_chat.contentWindow) frame = fa_chat.contentWindow.document;
        var memb_thn = getLength('chatbox_members','LI'), memb_now = memb_thn,
            msg_thn = getLength('chatbox','P'), msg_now = msg_thn;
   
        // set some data..
        fa_members.innerHTML = '('+memb_thn+')';
   
        // kill the interval if archives are enabled
        var a = frame.getElementsByTagName('A');
        for (i=0; i<a.length; i++) if (/archives/.test(a[i].href)) a[i].onclick = function() { window.clearInterval(fa_chat_refresh) };
   
        // execute code in an interval
        fa_chat_refresh = window.setInterval(function() {
          // START chat members
          memb_now = getLength('chatbox_members','LI'), msg_now = getLength('chatbox','P');
          if (memb_now > memb_thn || memb_now < memb_thn) {
            memb_thn = memb_now;
            fa_members.innerHTML = '('+memb_now+')'
          }
          // END chat members
     
          // START chat notification
          if (config.msgnotif) {
            if (msg_now > msg_thn || msg_now < msg_thn) {
              if (!/fa_new/.test(fa_button.className) && chatState(/none/) && !/none/.test(frame.getElementById('chatbox_option_autorefresh').style.display)) fa_button.className += ' fa_new';
              msg_thn = msg_now;
            }
          }
          // END chat notification
     
          // START timestamp
          if (!config.timestamp) {
            var date = frame.getElementsByTagName('SPAN'),i;
            for (i=0; i<date.length; i++) if (/date-and-time/.test(date[i].className) && date[i].style.display != 'none') date[i].style.display = 'none';
          }
          // END timestamp
     
          // START connection logs
          if (!config.connection_logs) {
            var logs = frame.getElementsByTagName('SPAN'),i;
            for (i=0; i<logs.length; i++) if (/red/i.test(logs[i].style.color) || /green/i.test(logs[i].style.color)) if (!/none/.test(logs[i].parentNode.parentNode.style.display)) logs[i].parentNode.parentNode.style.display = 'none';
          }
          // END connection logs
     
          // START mod icon
          if (config.mod_icon.toLowerCase() != 'default') {
            var s = frame.getElementsByTagName('STRONG'),i;
            for (i=0; i<s.length; i++) if (/@/.test(s[i].innerHTML) && s[i].innerHTML.length === 1 && !/msg/.test(s[i].parentNode.parentNode.className)) s[i].innerHTML = config.mod_icon;
          }
          // END mod icon
        },1);
      };

      // toggle chat display
      fa_button.onclick = function() {
        if (/welcome/.test(fa_right.className)) removeClass(fa_right, /welcome/);
        if (/notification/.test(fa_right.className)) removeClass(fa_right, /notification/);
        if (chatState(/none/)) {
          fa_chat.style.display = 'block';
          fa_button.className += ' fa_actif';
          if (/fa_new/.test(fa_button.className)) removeClass(fa_button, /fa_new/);
          frame.getElementById('chatbox').scrollTop = 99999;
        } else hideChat();
      };
 
      // hide chat when toolbar options clicked
      getId('fa_welcome').onclick = function() { hideChat() };
      getId('fa_notifications').onclick = function() { hideChat() };
      getId('fa_hide').onclick = function() { hideChat() };
 
      // chatbox functions
      function hideChat() { if (chatState(/block/)) fa_chat.style.display = 'none'; removeClass(fa_button, /fa_actif/) };
      function chatState(reg) { return reg.test(fa_chat.style.display) };
      function getLength(id, tag) { return frame.getElementById(id).getElementsByTagName(tag).length };
 
      // basic functions
      function getId(id) { return document.getElementById(id) };
      function cre(el) { return document.createElement(el) };
      function removeClass(el, reg) { el.className = el.className.replace(reg,''); };
    })});



demeter1
+ Hyperactif +

Masculin
Messages : 8101
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par MlleAlys le Jeu 2 Avr 2015 - 23:16

Patte' : tient essaye avec ce template là :
Code:
    {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
<div id="la_pa">
  <!-- BEGIN message_admin_titre -->
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
  <!-- END message_admin_txt -->
</div>
<!-- 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></span>
    <!-- END switch_user_logged_in -->
    <!-- BEGIN switch_delete_cookies -->
    <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{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">{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 -->
    <center><div class="fondsgénéraux"><center><div class="titrePA1">
    Les Hominiens de la Zone
    </div>
    <img src="http://nsa31.casimages.com/img/2014/01/25//140125112012539200.png" style="width: 100px; margin-top: -50px; margin-left: 320px; z-index: 2px; opacity: 0.5px;" />
    <br /><br /><table><tr><td><center>
      <div class="qeel"><div class="qeel_img"><img src="http://s9.favim.com/orig/131223/animation-black-and-white-dance-disney-Favim.com-1177200.gif" style="width: 250px;" /></div><div class="qeel_description"><div class="titrePA2">Dans la Zone</div><br />Bienvenue dans la Zone, monde totalement ... fou, extraordinaire ? A vos risques et périls.<span id="bert">{TOTAL_POSTS}
                    </span>
                    <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/," Actuellement,").replace(/message/,"aventures ont été vécues par");
                    </script> <span id="matt">{TOTAL_USERS}
                    </span>
                    <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"nos").replace(/membre enregistré/,"Homiens");
          </script><br />
          <span id="yosh">{NEWEST_USER}</span>
                    <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"En ce moment nous festoyons au Mcdo en l'honneur de");
        </script></div></div><br />
      <div class="blocpa" style="font-size: 11px; text-align: justify; width: 220px; height: 100px; overflow: auto;"><div class="titrePA2">En ce moment ...</div><br /><span id="alpha">{LOGGED_IN_USER_LIST}</span>
                <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés :/,"Voici qui rôdes dans les rues désertes de Hominis... attention ils possèdent peut-être une arme... :");</script></div>
      <div class="blocpa" style="display:none;">Membres connectés sur la cb : <span id="chatters">{CHATTERS_LIST}</span></div>
      <br />
     
      <div class="titrePA2">En ce moment...</div><div class="blocpa" style="font-size: 11px; text-align: justify; width: 220px; height: 80px; overflow: auto;">En ce moment nous sommes au printemps, les cultures des plantes et des ressources nécessaires à la survie de tous peuvent enfin commencer ;) ! </div>
      </center></td><td width="20px"></td>
      <td><center><div class="blocpa" style="width: 300px; height: 100px;">
                        <script type="text/javascript">
                //<!--
                        function change_qeelonglet(name)
                        {
                                document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                                document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                                document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                                document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                                anc_qeelonglet = name;
                        }
                //-->
                </script><div class="qeelonglets"><nobr>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe1" onclick="javascript:change_qeelonglet('groupe1');"><div style=" color: #780862;">Cercle</div></span>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe2" onclick="javascript:change_qeelonglet('groupe2');"><div style=" color: #43A31D;">Espions</div></span>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe3" onclick="javascript:change_qeelonglet('groupe3');"><div style=" color: #201C96;">Solitaires</div></span>

        </nobr> </div>

                <div class="contenu_qeelonglets">
                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe1">Les personnages appartenant à ce groupe ont la lourde tâche d'améliorer le quotidien de tous, de surveiller les vivres, de développer de nouvelles idées, de protéger tous les habitants de la Zone et etc. Ils ont un rôle important dans la communauté. Mais n'aurait-t-il pas quelques coups-bas au sein du groupe pour avoir le pouvoir ultime ? <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>

                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe2">Les espions sont chargés de trouver les informations que certains veulent, ils peuvent soutenir la cause des Rebelles, comme la cause des Hominiens ou bien même la cause du Cercle ! Parfois même, ils cherchent des informations qui seront utiles à leur propre pomme ! ^^ Ce sont les plus discrets et fouineurs habitants de la Zone. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>

                  <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe3">Les solitaires sont en fait des Hominiens qui préfèrent ne pas travailler, être indépendants de leur survie. Ils se cachent dans de vieilles maisons abandonnées. Ils n'ont pas le droit au logement et à la nourriture gratuite, c'est pour cela qu'ils se trouvent des petits boulots pour gagner leur croûte et acheter de la nourriture. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe4">Les Rebelles sont des Hominiens n'ayant aucun pouvoir, qui se sont rebellés contre ceux avec des pouvoirs pour des histoires de favoritismes et dangers. Ils vivent dans l'hôtel délabré, à l'écart de la communauté. Ils possèdent des armes et certains d'eux (même s'ils sont rares), peuvent être suspectés de trahison ou bien-même d'avoir des pouvoirs... <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe5">Les Hominiens sont des habitants dit « Normaux », ils ont (ou pas) des pouvoirs et travaillent dans les différents ateliers pour améliorer la Zone et sa vie. Supervisés par les Dirigeants, ils s'affairent à leurs tâches habituelles. Mais certains résistent à ce nouveau concept. Cachés dans l'ombre, ils résisitent farouchement au travail. <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
               
                    <div class="contenu_qeelonglet" id="contenu_qeelonglet_groupe6">Les Dirigeants gèrent des groupes d'Hominiens dans différents travaux, comme les récoltes, tris, ventes, comptes et etc. Ils sont importants dans la communauté, beaucoup envient leur rôle... <a href="http://la-zone-hominiens.forumactif.org/t26-les-groupes">Lire la suite</a></div>
     
        </div>
     
        <div class="qeelonglets"><nobr>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe4" onclick="javascript:change_qeelonglet('groupe4');"><div style=" color: #C29D0A;">Rebelles</div></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe5" onclick="javascript:change_qeelonglet('groupe5');"><div style=" color: #C44EAC;">Homiens</div></span>
          <span class="qeelonglet_0 qeelonglet" id="qeelonglet_groupe6" onclick="javascript:change_qeelonglet('groupe6');"><div style=" color: #992222;">Dirigeants</div></span>

        </nobr> </div>
            <script type="text/javascript">
                //<!--
                        var anc_qeelonglet = 'groupe1';
                        change_qeelonglet(anc_qeelonglet);
                //-->
         
                </script>
     
        </div><br /><br /><br />
     
      <div class="blocpa" style="font-size: 11px; text-align: justify; width: 270px;"><div class="titrePA2">Les individus à fuir...</div><br />
    Quiconque s'approchera de ces dangereux individus qui ont rôdé ici dans les dernières 24 heures mourront... <div style="width: 250px; height: 60px; overflow: auto;"> <table id="kaboum">{L_CONNECTED_MEMBERS}
    <script type="text/javascript">
    jQuery('#kaboum').html(jQuery('#kaboum').html().replace('Membres connectés au cours des 24 dernières heures : ','Voici les dangeureux individus à fuir : '));
      </script></table>
</div>
        </div><br />
   
<div class="qeel1"><div class="qeel1_img"><img src="http://24.media.tumblr.com/91ae1ac4d8d07740b163080d9461a3b1/tumblr_mie93xmyWT1r11qslo1_500.gif" style="width: 300px;" /></div><div class="qeel1_description"><div class="titrePA2">Informations</div><br />
        Toute copie partielle ou complète du forum est interdite. <br />Codage du QEEL, PA et Catégories par les codeurs de NU. Merci à eux ! =) </div></div></center></td></tr></table></center></div></center>


    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
<!-------------------------------
 * BLOC PARTENAIRES AVEC DECALAGE
 * Libre service - Never Utopia
--------------------------------->
<center><div class="staggered-partners">
  <marquee behavior="direction="right"; scrollamount="15"><a href="http://wiggenweld.forumactif.com/"><img src="http://i.imgur.com/K3DK2db.png" alt="Problème d'affichage" title="WiggenWeld" class="exemple" /></a>   
    <a href="http://auroracorporation.forumactif.org/"><img src="http://img4.hostingpics.net/pics/68701688x31.jpg" alt="Problème d'affichage" title="Aurora Corporation" class="exemple" /></a>
    <a href="http://academie-yuukou.forumactif.org/"><img src="http://img15.hostingpics.net/pics/45728588x31.gif" alt="Problème d'affichage" title="Pensionnat Yuukou" class="exemple" /></a></marquee>

 
    <div class="credits-partners"><a href="http://la-zone-hominiens.forumactif.org/t16-demande-de-partenariat" title="Bloc partenaire venant de Never Utopia">Et vous ?!</a></div>
  <div class="credits-partners"><a href="http://www.never-utopia.com/" title="Bloc partenaire venant de Never Utopia">Never Utopia ♥</a></div>
 
  </div></center>
<!-- FIN BLOC PARTENAIRE -->
    <!-- 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 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 -->

J'ai ajouté
Code:
<div style="display:none;"><span id="chatters">{CHATTERS_LIST}</span></div>
un peu en dessous de la liste des membres connectés, de façon à ce que la variable soit présente mais non affichée ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour placer la CB en haut à droite dans le coin du forum.

Message par Patte' le Sam 4 Avr 2015 - 11:40

Hey !
Je te remercie cela marche ^^ Wink !

Le problème est résolue, merci à vous ♥

Patte'
Nouveau membre

Féminin
Messages : 27
Inscrit(e) le : 28/01/2014

http://la-zone-hominiens.forumactif.org/
Patte' 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