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

par Patte' 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

par MlleAlys 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 ^^

par Patte' Dim 29 Mar 2015 - 19:25

Hey

!

Oui je veux bien je te remercie Razz

! Et bien cela ne me dérange pas de déplacer le Template Index_body. ^^

par MlleAlys 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::  <div id="chatbox_coin"> <a href="/chatbox/index.forum"></a> <div id="chatters_coin"> <script language="JavaScript" type="text/javascript">  </script> </div> </div>

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}">  <div id="chatbox_coin"> <a href="/chatbox/index.forum"></a> <div id="chatters_coin"> <script language="JavaScript" type="text/javascript">  </script> </div> </div>

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 :

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

)

par Patte' Jeu 2 Avr 2015 - 19:58

Hello

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

Le voici:

Code:: {JAVASCRIPT}  <div id="la_pa">    <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>  </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>   <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <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"> // </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"> // </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>  {CHATBOX_BOTTOM} <br clear="all" />  <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>   <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>  {AUTO_DST}  <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>

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

par demeter1 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,''); }; })});

par MlleAlys Jeu 2 Avr 2015 - 23:16

Patte' : tient essaye avec ce template là :

Code:: {JAVASCRIPT}  <div id="la_pa">    <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>  </div>   <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>  {CHATBOX_TOP} {BOARD_INDEX} <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="50%" valign="top">  <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>   <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></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>   <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>   </span> </td> </tr> </table>  <form action="{S_LOGIN_ACTION}" method="post" name="form_login">  <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>   <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>  </form>   <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"> // </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"> // </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>  {CHATBOX_BOTTOM} <br clear="all" />  <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>   <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>  {AUTO_DST}  <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>

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

par Patte' Sam 4 Avr 2015 - 11:40

Hey !
Je te remercie cela marche ^^ Wink

!

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

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