Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    [HTML] ChatBox latéral

    Partagez
    MasculinAge : 20Message(s) : 46
    Denkou
    le Mer 16 Déc 2009 - 11:21
    Rappel du premier message :

    Bonjour, voici un code qui vous permettera de faire ceci :

    Spoiler:

    Pour cela, allez dans P.A > Affichage > Generalité et dans le fenêtre Htlm inserer se code :

    Code:

    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>



    Pour personaliser :

    Code:

    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td>
    <iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 690px; height: 390px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="ADRESSE DE L'IMAGE OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='ADRESSE DE L'IMAGE OUVRIR')?'block':'none';this.src=(this.src=='ADRESSE DE L'IMAGE OUVRIR')?'ADRESSE DE L'IMAGE FERMEE':'ADRESSE DE L'IMAGE OUVRIR';"/>
    </td></tr></table>

    Voilà !

    Important : Faites attention aux " et aux ', sans cela le code ne fonctionne pas.

    Histoire de ne pas avoir 2 ChatBox, allez dans : P.A > Module > ChatBox > Ne plus afficher.

    Voilou !

    Edit Sparrow : veillez à avoir deux adresses d'image DIFFERENTES pour l'ouverture et la fermeture de la CB. Si vous souhaitez mettre la même image, hébergez-la deux fois pour que les adresses soient différentes.


    Dernière édition par Denkou le Mer 16 Déc 2009 - 11:41, édité 1 fois
    MasculinAge : 20Message(s) : 18
    Daven
    le Lun 20 Juin 2011 - 13:32
    moi je sais pas comment vous faite j'y arrive pas ! quelqu'un pourait me faire le tchat avec
    : sa pour ouvrir :
    sa pour fermé :
    Parceque moi j'y arrive pas si quelqu'un y arrivent pour moi vous pouvez me le faire pleaz ?
    vous me repasserais juste le code fait SVP
    MasculinAge : 21Message(s) : 9
    Trend
    le Sam 25 Juin 2011 - 14:43
    concernant le code pour que la chatbox soit sur toutes les pages du forum je crois que cette Template "overall_header_new" n'existe pas, en tout cas pas dans la version phpBB2 :S

    j'ai aussi un problème avec ce code pour la chatbox latérale, il crée une "bulle" juste en dessous des annonces google (en dessous de la ban) du même type que ce que vous utilisez pour le spoiler de ce forum :S
    MasculinAge : 26Message(s) : 14
    asesino
    le Jeu 7 Juil 2011 - 17:21
    merci
    MasculinAge : 23Message(s) : 42
    Minimoy28
    le Sam 9 Juil 2011 - 12:41
    Hellow...

    J'aurais une petite question.
    Ma CB ne fonctionne pas. Enfin, elle est en place, l'ouverture et la fermeture se font correctement mais je ne peux pas me connecter.

    Pouvez-vous m'aider ?

    Bisouw
    FémininAge : 24Message(s) : 74
    Darkprincess
    le Dim 10 Juil 2011 - 0:34
    J'avais le même problème j'ai regardé sur internet et puis j'ai essayer ça et ça fonctionne.
    Remplace : ça
    /chatbox/chatbox.forum?page=front&

    Par :
    /chatbox/index.forum?page=front


    MasculinAge : 23Message(s) : 42
    Minimoy28
    le Dim 10 Juil 2011 - 11:47
    Merci Very Happy. Ca marche maintenant.

    Bisouw
    FémininAge : 22Message(s) : 22
    Nell
    le Lun 18 Juil 2011 - 11:30
    Merci pour le tuto ! J'ai pu installer une chatbox latérale sur mon forum, mais j'ai un petit problème : un de mes modérateurs qui utilise Internet Explorer (bon oui ça présageait rien de bon... il n'a qu'a changer de navigateur à la fin -__-) n'arrive plus à accéder au forum.

    En effet, il ne voit plus que le fond sans rien, avec le bouton de la chatbox que je viens de créer. J'ai fait un test moi-même sur IE, et effectivement je n'arrive plus non plus à accéder à la page d'accueil, alors que ça marche très bien les autres navigateurs à priori. En attendant, il se débrouiller avec les autres pages du forum (étrangement le forum marche, mais pas la PA), mais bon ça doit lui etre un peu pénible donc je préfèrerais pouvoir corriger ça...

    Je ne sais pas s'il existe déjà une correction pour ce bug ? >< Voilà le lien de mon forum si ça peut vous aider à m'aider (XD) : http://pensionnat-interdit.actifforum.com

    Le code que j'ai inséré dans le template overall_header :
    Code:
    <table id="lateral_chat">
      <tr>
          <td>
            <iframe src="/chatbox/index.forum?page=front" id="chatboxlaterale" scrolling="no" style="display: none;" frameborder="0"></iframe>
          </td>
         
          <td class="bouton">
            <img id="img_bouton" src="http://i55.tinypic.com/m8pkls.png" onclick="document.getElementById('chatboxlaterale').style.display=(this.src=='http://i55.tinypic.com/m8pkls.png')?'block':'none';this.src=(this.src=='http://i55.tinypic.com/m8pkls.png')?'http://i53.tinypic.com/5d53p.png':'http://i55.tinypic.com/m8pkls.png';"/>
          </td>
      </tr>
    </table>

    et le code CSS que j'ai mis (normalement le même que celui indiqué dans le tuto, ou dans la suite du topic...)

    Code:
    #lateral_chat {
          position: fixed; /*positionne l'élément en fixé*/
          bottom: 50px; /*positionne l'élément à partir du bas du référent à 50px*/
          left: 0px; /*idem mais à partir du côté gauche*/
          background-color: transparent; /*couleur de fond...*/
          z-index: 999; /*pour s'assurer que l'élément se place devant le reste*/
      }
      iframe#chatboxlaterale {
          width: 690px; /*largeur de la box*/
          height: 390px; /*hauteur de la box*/
          margin: 0; /*on retire les marge*/
          padding: 0; /*on retire les marges internes*/
          overflow: none; /*on empêche l'apparition d'un ascenseur*/
      }
      .bouton {
          vertical-align: bottom; /*place le bouton en bas du cadre*/
      }
      .bouton img {
          cursor: pointer; /*fait apparaitre un doigt (comme un lien) au survol du bouton*/
      }

    #lateral_chat { border-collapse: collapse; } #lateral_chat td { padding: 0; }


    Merci d'avance... T__T''
    FémininAge : 22Message(s) : 7
    Irisiam
    le Ven 5 Aoû 2011 - 12:19
    @Darkprincess a écrit:J'avais le même problème j'ai regardé sur internet et puis j'ai essayer ça et ça fonctionne.
    Remplace : ça
    /chatbox/chatbox.forum?page=front&

    Par :
    /chatbox/index.forum?page=front

    Mon sauveur... j'étais en pleine crise x')

    MasculinAge : 35Message(s) : 54
    objectif photo
    le Dim 7 Aoû 2011 - 2:42
    @Irisiam a écrit:

    Mon sauveur... j'étais en pleine crise x')


    lol moi aussi ^^

    Merci pour l astuce!
    FémininAge : 26Message(s) : 85

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    OMJ
    le Mer 24 Aoû 2011 - 17:58
    moi je veux voir ^^

    merci
    MasculinAge : 24Message(s) : 27
    toshiro
    le Jeu 25 Aoû 2011 - 19:51
    [quote="objectif photo"]

    Moi aussi Very Happy merciii
    FémininAge : 26Message(s) : 138
    Lulus
    le Lun 12 Sep 2011 - 17:53
    Bonjour, j'ai un soucis, voila ce qu'on me met :/



    merci ♥
    FémininAge : 26Message(s) : 138
    Lulus
    le Mar 27 Sep 2011 - 11:07
    @Lulus a écrit:Bonjour, j'ai un soucis, voila ce qu'on me met :/



    merci ♥

    up merci :)
    FémininAge : 25Message(s) : 7371
    Michiyo
    le Mar 27 Sep 2011 - 11:30
    Bonjour Lulus, peut-être que fournir ton code serait la solution pour savoir ce qui peut buguer dedans ?


    Avatar par Eiv' Merci beaucoup ♥
    FémininAge : 26Message(s) : 138
    Lulus
    le Mar 27 Sep 2011 - 12:53
    Bonjour,

    J'ai mis ce code :


    Code:
    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></table>

    Dans mon message d'accueil. Pour info j'utilise xooit Wink
    FémininAge : 25Message(s) : 7371
    Michiyo
    le Mar 27 Sep 2011 - 12:59
    ah ! bon... je sais pas si Xooit prend vraiment en charge ça en fait... tous nos codes presque sont testés et approuvés sur forumactif... ^^' c'est possible que ce soit tout simplement ça...


    Avatar par Eiv' Merci beaucoup ♥
    MasculinAge : 26Message(s) : 49
    GaaraXGaara
    le Lun 10 Oct 2011 - 2:29
    Bonjour,

    J'ai un problème je ne peu pas me connecté à la chatbox


    Je préfère avoir la maladie de parkinson que la maladie Alzheimer, pourquoi?
    Parce que je préfère renverser une goutte de mon verre que d'oublié de le boire.


    :nawak:
    MasculinAge : 26Message(s) : 49
    GaaraXGaara
    le Ven 14 Oct 2011 - 18:41
    Problème résolu !


    Je préfère avoir la maladie de parkinson que la maladie Alzheimer, pourquoi?
    Parce que je préfère renverser une goutte de mon verre que d'oublié de le boire.


    :nawak:
    FémininAge : 25Message(s) : 48
    Kame-Chan
    le Lun 24 Oct 2011 - 17:09
    ça marche super pour moi merci
    FémininAge : 21Message(s) : 311
    Bleufi
    le Mer 16 Nov 2011 - 16:09
    Bonjour, ce code est super mais je ne peux pas me connecter ? (ni les autres membres)
    Voilà le code: C'est le même pourtant:

    Code:
    <table style="position: fixed; bottom: 50px; left: 0px;background-color: #none;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

    Merci d'avance =D
    FémininAge : 21Message(s) : 311
    Bleufi
    le Ven 18 Nov 2011 - 17:30
    je me permets de Uper ^^


    FémininAge : 27Message(s) : 5
    Rominet
    le Mar 22 Nov 2011 - 16:38
    Bonjour/Bonsoir

    Je suis nouvelle (je sais que cela a aucun rapport) et je débute dans le codage (cela aussi ça a aucun rapport --')
    Voilà je me permets de poser une question. Je suis pas sur FA mais sur xooit. J'ai donc fais quelques recherches dans mes templates et j'ai trouver celui qui commande le chat.
    Je me permets de voue le copier sus spoiler pour éviter de déformer le forum.
    J’espère vraiment avoir un aide de votre part. Je sais vraiment pas si c'est compatible avec xooit et que l'on peut le faire.

    CodeXooit:

    Code:
    <br />
    <div class="panel bg2"><div class="inner"><span class="corners-top"><span></span></span>
    <table class="forumline forum-table" border="0" cellspacing="1" width="100%">
     <tr>
      <th class="thTop" nowrap="nowrap"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->> Chat </th>
     </tr>
     <tr class="bg2">
      <td class="row3" style="padding:3px"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
      <div id="chatTopic" class="genmed" style="font-weight:bold">
        <div id="chatArchiveLink" style="display:none;float:right">
        <a href="javascript:void(0);">[{L_CHAT_ARCHIVES}]</a>
        </div>
        <!-- IF CHAT_AUTH_MOD -->
        <div id="chatAdminLink" style="display:none;float:right">
        <a href="javascript:void(0);">[{L_CHAT_ADMIN}]</a>
        </div>
        <div id="chatAdminMenu" style="display:none;float:right">
        <div id="chatAdminMenuDiv">
          <a id="chatAdminMenuTopic" href="javascript:void(0);">[{L_CHAT_CHANGE_TOPIC}]</a>
          <a id="chatAdminMenuBanned" href="javascript:void(0);">[{L_CHAT_BANNED_USERS}]</a>
          <a id="chatAdminMenuClear" href="javascript:void(0);">[{L_CHAT_CLEAR_MSGS}]</a>
          <a id="chatAdminMenuClose" href="javascript:void(0);">[{L_CHAT_CLOSE_ADMIN}]</a>
        </div>
        </div>
        <div id="chatConnectLink" style="float:right">
        <a href="javascript:void(0);">[{L_CHAT_CONNECTION}]</a>
        </div>
        <div id="chatDisconnectLink" style="float:right">
        <a href="javascript:void(0);">[{L_CHAT_DISCONNECTION}]</a>
        </div>
        <div id="chatTopicContainer"></div>
        <!-- ENDIF -->
      </div>
      </td>
     </tr>
     <tr class="bg1" style="width:100%">
      <td class="row1" style="padding:0;width:100%">
      <div id="chatList" style="height:100px;overflow:auto;width:100%">
        <table id="chatMsgContainer_table" class="forumline" border="0" cellspacing="1" width="100%" style="border:0">
        <tbody id="chatMsgContainer">
        </tbody>
        </table>
      </div>
      </td>
      <!-- IF CHAT_SHOW_CONNECTED -->
      <td id="chatGripTd" class="row2" style="width:3px;cursor:w-resize">&nbsp;</td>
      <td class="row1" style="vertical-align:top">
      <div id="chatConnectedDiv" style="width:100%;height:150px;overflow:auto"></div>
      </td>
      <!-- ENDIF -->
     </tr>
     <tr class="bg2">
      <td class="row1"<!-- IF CHAT_SHOW_CONNECTED --> colspan="3"<!-- ENDIF -->>
      <img src="http://img5.xooimage.com/files/d/6/7/grip-115818.gif" width="11" height="11" alt="resize" style="cursor:n-resize;float:right;padding-top:10px" id="chatVGrip" title="{L_CHAT_RESIZE}" /><img src="http://img10.xooimage.com/files/5/e/a/window-115821.gif" style="cursor:pointer;padding-top:10px;padding-right:3px;width:11px;height:11px;float:right;" onclick="window.open('{U_CHAT}','_blank','menubar=no,toolbar=no,resizable=yes,scrollbars=yes');" title="{L_CHAT_OPEN_POPUP}" id="chatPopupButton" /><input id="chatButtonF" type="button" class="liteoption button2" style="background-position:center;background-repeat:no-repeat" title="{L_CHAT_HELP_SOUND}" value="  " /><input id="chatButtonG" type="button" class="liteoption button2" style="font-weight:bold" title="{L_CHAT_HELP_BOLD}" value=" G " /><input id="chatButtonI" type="button" class="liteoption button2" style="font-style:italic" title="{L_CHAT_HELP_ITALIC}" value=" I " /><input id="chatButtonC" type="button" class="liteoption button2" style="background:url(http://img5.xooimage.com/files/c/o/color-58b80.gif) no-repeat center" title="{L_CHAT_HELP_COLOR}" value="  " /><input type="text" id="chatMsg" class="post inputbox" style="width:70%" maxlength="100" /><input type="button" value="{L_SUBMIT}" onclick="xooitChat.sendMsg();" class="mainoption button2" /> <input type="button" value="{L_SMILIES}" onclick="xooitChat.showSmilies();" class="mainoption button2" />
      </td>
     </tr>
    </table>
    <span class="corners-bottom"><span></span></span></div></div>
    <br />
    {CHAT_JS}

    Merci d'avance.
    Cordialement
    Rominet

    MasculinAge : 31Message(s) : 45
    mic43
    le Mar 22 Nov 2011 - 20:59
    salut a tous

    voila j ai un petit souci avec ce code impossible de se connecter directement sur l onglet faut passer par le lien en bas qui ouvre une autre page se connecter sur cette derniere et enfin on arrive a discuter sur l onglet

    quelqu un a t il deja eu le souci?
    pour info je suis sous invision Wink
    FémininAge : 27Message(s) : 1911
    Marie
    le Jeu 24 Nov 2011 - 21:21
    Bonjour!

    Pour tout ceux qui ont un problème de connexion, suivez mon conseil:

    Re^érer ce code:

    /chatbox/chatbox.forum?page=front&

    puis remplacer le par

    /chatbox/index.forum?page=front

    Voilà!

    Bonne journée à tous!



    Kit Par Sébastien. Merci beaucoup!
    MasculinAge : 31Message(s) : 45
    mic43
    le Ven 25 Nov 2011 - 18:12
    parfait ca fonctionne pour ma part Wink
    Contenu sponsorisé
    Aujourd'hui à 5:37

      La date/heure actuelle est Sam 3 Déc 2016 - 5:37