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.

-50%
Le deal à ne pas rater :
-50% sur les sacs à dos pour ordinateur portable Urban Factory ...
19.99 € 39.99 €
Voir le deal
Le Deal du moment :
TV LED 32” Continental Edison CELED32SAHD24B3
Voir le deal
139.99 €

    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
    Lesliie
    Lesliie
    FémininAge : 25Messages : 129

    Sam 30 Juin 2012 - 21:24

    Merci beaucoup ! :)
    Ptite-Ly
    Ptite-Ly
    FémininAge : 28Messages : 859

    Mar 3 Juil 2012 - 13:56

    Merci pour le partage! Very Happy
    Chocolakato
    Chocolakato
    FémininAge : 33Messages : 837

    Mer 1 Aoû 2012 - 19:13

    C'est génial! Mais du coup, je ne peux pas me connecter :'(



    Touny
    Touny
    FémininAge : 27Messages : 2

    Mer 1 Aoû 2012 - 21:22

    Hello ! C'est super ! Par contre, gros souci peu esthétique : Le bouton "ouvrir " est décalé par rapport au bord de la page et le bouton "fermer" est à 3km de la chatbox, que faire ? :0
    Angelusia
    Angelusia
    FémininAge : 38Messages : 1159

    Mar 14 Aoû 2012 - 19:38

    Merci du Tuto :)

    @ Chocolakato : Ce problème est dit plusieurs fois. :)

    Pour te connecter tu remplaces

    Code:
    /chatbox/chatbox.forum?page=front&

    Par :

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

    @ Touny : Pour enlever l'espacement tu mets dans ta feuille de style css

    Code:
    td, tr, table {padding: 0px}

    C'est ce que j'ai fait pour moi et ça fonctionne :)
    Kiwix
    Kiwix
    FémininAge : 28Messages : 68

    Lun 27 Aoû 2012 - 21:29

    Merci beaucoup !
    En revanche, je ne sais pas si c'est mon forum qui bug, mais je n'arrive pas à me connecter..
    Snop5
    Snop5
    MasculinAge : 33Messages : 31

    Sam 29 Sep 2012 - 22:05

    il en est de même pour moi... :/
    Faut faire comment? Sad
    Derek Lafleur
    Derek Lafleur
    MasculinAge : 48Messages : 30

    Jeu 1 Nov 2012 - 18:11

    Idem que naruto-seikô , j'ai eu le meme soucis et quand je rentre que le prmier code un autre soucis : je peu pas me connecter et je n'ai pas les smileys ,la barre de texte et les options qui vont avec.

    Quelqu'un pourrait il me guider ?

    Merci :)
    Missa
    Missa
    FémininAge : 27Messages : 54

    Lun 5 Nov 2012 - 11:38

    Bonjour,

    J'ai utilisé ce code qui marchais très bien mais depuis hier, je ne peux pas me connecter à la chatbox :/



    ChatBox latérale (avec ou sans transition) - Page 5 120812073937800125
    Chucky'
    Chucky'
    MasculinAge : 26Messages : 80

    Dim 11 Nov 2012 - 17:31

    merci



    ChatBox latérale (avec ou sans transition) - Page 5 1370524847-cooltext1062715975
    Jeckle
    Jeckle
    MasculinAge : 34Messages : 18

    Lun 10 Déc 2012 - 9:42

    Merci ♥
    Clémentine
    Clémentine
    FémininAge : 31Messages : 223

    Sam 29 Déc 2012 - 17:33

    Merci ♪



    ChatBox latérale (avec ou sans transition) - Page 5 9w9t
    Samluna
    Samluna
    FémininAge : 24Messages : 96

    Sam 5 Jan 2013 - 22:20

    THANKS !!!!! :3

    Là où je l'ai mis : http://the-vd-the-early.forums-rpg.com/




    Priez pour Paris. Priez pour la liberté.
    Priez pour Paris. Priez pour l'égalité.
    Priez pour Paris. Pour la fraternité.

    #Pray for Paris
    ChatBox latérale (avec ou sans transition) - Page 5 Tumblr_n4vso3dRJP1qf9mevo1_500
    bibi0712
    bibi0712
    FémininAge : 46Messages : 66

    Dim 3 Fév 2013 - 16:59

    Bonjour
    Je me demandais si c'était possible de mettre l'image "Fermer" sur le haut plutôt que sur le côté droit .
    J'ai déjà essayé mais je n'y arrives pas , alors je me dis que je n'ai peut être pas regardé correctement mais en fait je ne
    sais même pas si cela est faisable ^^
    Bonne journée et merci pour toutes les astuces ^^
    Leiden
    Leiden
    FémininAge : 33Messages : 25

    Sam 23 Mar 2013 - 16:22

    Merci beaucoup !
    Par contre, du coup, mon forum met longtemps à charger la page d'accueil. C'est normal ?

    Edit : autant pour moi ! Ca ne venait pas de la Chatbox et c'est réglé Very Happy
    Cléophé
    Cléophé
    FémininAge : 30Messages : 5

    Mer 27 Mar 2013 - 22:53

    Est-ce qu'il faut créer une fenêtre HTML pour mettre ce code ou elle existe déjà ? (je débute et je suis un peu perdu ^^' et j'utilise forumactif)
    Max Rénix
    Max Rénix
    MasculinAge : 28Messages : 56

    Lun 8 Avr 2013 - 22:58

    merci
    Siobhan
    Siobhan
    FémininAge : 33Messages : 34

    Mer 22 Mai 2013 - 15:18

    Derek Lafleur a écrit:Idem que naruto-seikô , j'ai eu le meme soucis et quand je rentre que le prmier code un autre soucis : je peu pas me connecter et je n'ai pas les smileys ,la barre de texte et les options qui vont avec.

    Quelqu'un pourrait il me guider ?

    Merci :)

    Bonjour,
    Déjà merci pour ce code c'est vraiment mieux que la CB traditionnelle Wink
    Par contre j'ai un petit soucis qui semble venir de là :
    dans mes sujets , je n'ai plus la barre d'édition des messages Sad

    Je pense que c'est lié car je n'ai pas touché à autre chose aujourd'hui et lorsque j'enlève le script dans le template tout est bon .

    Spoiler:

    Vous pourriez m'aider ?
    Siobhan
    Siobhan
    FémininAge : 33Messages : 34

    Mer 22 Mai 2013 - 15:28

    Pardon je voulais supprimer mon message précédent pour le mettre dans la bonne catégorie : aide aux tutos >.<
    Rapsodie♥
    Rapsodie♥
    FémininAge : 31Messages : 63

    Sam 1 Juin 2013 - 14:52

    Un énorme merci ! Je voulais faire ça depuis longtemps. Je n'est pas de problèmes de connexion ou autres mais néanmoins je me permet de vous poser une question :

    Je voudrais que la chat box ne soit affichée que sur le coté dans cette onglet mais quand je mets "activer la chat box : non", et que je clique sur l'onglet ce la écrit : la chat box n'est pas activée.

    Pouvez-vous m’aider ? Merci d'avance :)



    - Ecrire, c'est ranger le bordel qu'on a dans sa tête. -
    Louna Luna
    Louna Luna
    FémininAge : 28Messages : 147

    Jeu 6 Juin 2013 - 20:23

    Merci !
    Kiryuu02
    Kiryuu02
    FémininAge : 35Messages : 32

    Dim 4 Aoû 2013 - 4:37

    Merci pour le tuto
    Offrande
    Offrande
    FémininAge : 32Messages : 194

    Dim 20 Oct 2013 - 10:50

    Merci beaucoup pour le partage, je vais tester cette petite astuce de suite !
    Bonne journée.
    Alec Sing Toa
    Alec Sing Toa
    FémininAge : 32Messages : 75

    Mer 8 Jan 2014 - 23:31

    Merci pour ce tutoriel, il est très pratique.
    Noruenu
    Noruenu
    FémininAge : 31Messages : 123

    Jeu 9 Jan 2014 - 20:51

      Merci du partage !  :hug: 
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 9:14