AccueilDernières imagesRechercherS'enregistrerConnexion

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.

-20%
Le deal à ne pas rater :
(Adhérents Fnac) Enceinte Bluetooth Marshall Stanmore II Noir
199.99 € 249.99 €
Voir le deal

    ChatBox latérale (avec ou sans transition)

    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Mer 16 Déc 2009 - 11:21

    Rappel du premier message :


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


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

    Spoiler:

    Ensuite, on va aller mettre la chatbox où vous voulez qu'elle soit.

    Si vous voulez qu'elle apparaisse uniquement sur l'index, vous allez dans :
    Panneau d'administration > Affichage > Page d'accueil > Generalité

    Si vous voulez qu'elle apparaisse sur toutes les pages, vous allez dans :
    Panneau d'administration > Affichage > Templates > Général > overhall_header
    Et vous allez mettre le code juste sous la balise body. Pour phpBB2, la balsie body ressemble à ceci :
    Code:
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">




    Puis, vous mettez le code de la chatbox à l'endroit choisi.

    Code normal de la chatbox :
    Code:
    <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><tr><td style="background-color: #ffffff;"><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; margin: 2px; 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>

    Code de la chatbox avec transition fluide :
    Code:
      <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: -804px; z-index:10000; -webkit-transition: 1s; transition: 1s;" id="chatboxpop">
        <tr>
          <td style="background-color: #ffffff; padding: 2px;">
            <iframe src="/chatbox/index.forum" scrolling="no" style="width: 800px; height: 400px;" 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.left=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'0px':'-804px';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 personnaliser, vous pouvez utiliser les codes ci-bas :

    Code normal de la chatbox :
    Code:
    <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><tr><td style="background-color: #ffffff;"><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; margin: 2px; 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 IMAGE OUVRIR')?'block':'none';this.src=(this.src=='ADRESSE DE IMAGE OUVRIR')?'ADRESSE DE IMAGE FERMEE':'ADRESSE DE IMAGE OUVRIR';"/></td></tr></table>

    Code de la chatbox avec transition fluide :
    Code:
      <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: -804px; z-index:10000; -webkit-transition: 1s; transition: 1s;" id="chatboxpop">
        <tr>
          <td style="background-color: #ffffff; padding: 2px;">
            <iframe src="/chatbox/index.forum" scrolling="no" style="width: 800px; height: 400px;" frameborder="0">
            </iframe>
          </td>
          <td style="vertical-align: bottom;">
            <img src="ADRESSE DE IMAGE OUVRIR" onClick="document.getElementById('chatboxpop').style.left=(this.src=='ADRESSE DE IMAGE OUVRIR')?'0px':'-804px';this.src=(this.src=='ADRESSE DE IMAGE OUVRIR')?'ADRESSE DE IMAGE FERMER':'ADRESSE DE 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.

    Vous avez une question ou un problème pour installer ou personnaliser ce LS ? Cette section est là pour vous, je ne répondrai à aucune question par MP ou posée à la suite du sujet.


    Dernière édition par Denkou le Mer 16 Déc 2009 - 11:41, édité 1 fois
    Daven
    Daven
    MasculinAge : 27Messages : 18

    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 : ChatBox latérale (avec ou sans transition) - Page 3 Cadenasouvert
    sa pour fermé : ChatBox latérale (avec ou sans transition) - Page 3 75pxcadenasfermerougesv
    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
    Trend
    Trend
    MasculinAge : 28Messages : 9

    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
    asesino
    asesino
    MasculinAge : 34Messages : 14

    Jeu 7 Juil 2011 - 17:21

    merci
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    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
    Darkprincess
    Darkprincess
    FémininAge : 31Messages : 74

    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



    ChatBox latérale (avec ou sans transition) - Page 3 D8epzyuBpX
    Minimoy28
    Minimoy28
    MasculinAge : 30Messages : 59

    Dim 10 Juil 2011 - 11:47

    Merci Very Happy. Ca marche maintenant.

    Bisouw
    Nell
    Nell
    FémininAge : 30Messages : 22

    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''
    Irisiam
    Irisiam
    FémininAge : 29Messages : 7

    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')

    objectif photo
    objectif photo
    MasculinAge : 43Messages : 54

    Dim 7 Aoû 2011 - 2:42

    Irisiam a écrit:

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


    lol moi aussi ^^

    Merci pour l astuce!
    OMJ
    OMJ
    FémininAge : 33Messages : 92

    Mer 24 Aoû 2011 - 17:58

    moi je veux voir ^^

    merci
    toshiro
    toshiro
    MasculinAge : 31Messages : 27

    Jeu 25 Aoû 2011 - 19:51

    [quote="objectif photo"]

    Moi aussi Very Happy merciii
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Lun 12 Sep 2011 - 17:53

    Bonjour, j'ai un soucis, voila ce qu'on me met :/

    ChatBox latérale (avec ou sans transition) - Page 3 Sans_t67

    merci ♥
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    Mar 27 Sep 2011 - 11:07

    Lulus a écrit:Bonjour, j'ai un soucis, voila ce qu'on me met :/

    ChatBox latérale (avec ou sans transition) - Page 3 Sans_t67

    merci ♥

    up merci :)
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    Mar 27 Sep 2011 - 11:30

    Bonjour Lulus, peut-être que fournir ton code serait la solution pour savoir ce qui peut buguer dedans ?
    Lulus
    Lulus
    FémininAge : 33Messages : 143

    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
    Michiyo
    Michiyo
    FémininAge : 32Messages : 7466

    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...
    GaaraXGaara
    GaaraXGaara
    MasculinAge : 34Messages : 49

    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:
    GaaraXGaara
    GaaraXGaara
    MasculinAge : 34Messages : 49

    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:
    Kame-Chan
    Kame-Chan
    FémininAge : 32Messages : 53

    Lun 24 Oct 2011 - 17:09

    ça marche super pour moi merci
    Bleufi
    Bleufi
    FémininAge : 28Messages : 311

    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
    Bleufi
    Bleufi
    FémininAge : 28Messages : 311

    Ven 18 Nov 2011 - 17:30

    je me permets de Uper ^^



    ChatBox latérale (avec ou sans transition) - Page 3 875686Asuna
    Rominet
    Rominet
    FémininAge : 35Messages : 5

    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:

    Merci d'avance.
    Cordialement
    Rominet

    avatar
    mic43
    MasculinAge : 38Messages : 45

    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
    Marie
    Marie
    FémininAge : 34Messages : 2206

    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 fait par Arpège. Merci! :love:
    avatar
    mic43
    MasculinAge : 38Messages : 45

    Ven 25 Nov 2011 - 18:12

    parfait ca fonctionne pour ma part Wink
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 3:20