AccueilFAQRechercherMembresGroupesS'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.


    [HTML] ChatBox latéral

    Partagez
    Denkou
    MasculinAge : 20Messages : 46

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

    le Sam 30 Juin 2012 - 21:24

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

    le Mar 3 Juil 2012 - 13:56

    Merci pour le partage! Very Happy
    Chocolakato
    FémininAge : 26Messages : 762

    le Mer 1 Aoû 2012 - 19:13

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



    Touny
    FémininAge : 20Messages : 2

    le 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
    FémininAge : 31Messages : 1159

    le 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
    FémininAge : 21Messages : 66

    le 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
    MasculinAge : 26Messages : 31

    le Sam 29 Sep 2012 - 22:05

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

    le 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
    FémininAge : 20Messages : 54

    le 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 :/



    Chucky'
    MasculinAge : 19Messages : 80

    le Dim 11 Nov 2012 - 17:31

    merci



    Jeckle
    MasculinAge : 27Messages : 18

    le Lun 10 Déc 2012 - 9:42

    Merci ♥
    Clémentine
    FémininAge : 24Messages : 200

    le Sam 29 Déc 2012 - 17:33

    Merci ♪



    Samluna
    FémininAge : 17Messages : 93

    le 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
    bibi0712
    FémininAge : 39Messages : 66

    le 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
    FémininAge : 26Messages : 25

    le 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é
    FémininAge : 22Messages : 5

    le 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
    MasculinAge : 21Messages : 55

    le Lun 8 Avr 2013 - 22:58

    merci
    Siobhan
    FémininAge : 26Messages : 34

    le 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
    FémininAge : 26Messages : 34

    le 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♥
    FémininAge : 24Messages : 63

    le 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
    FémininAge : 21Messages : 118

    le Jeu 6 Juin 2013 - 20:23

    Merci !



    Kiryuu02
    FémininAge : 27Messages : 25

    le Dim 4 Aoû 2013 - 4:37

    Merci pour le tuto
    Offrande
    FémininAge : 25Messages : 183

    le 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
    FémininAge : 24Messages : 58

    le Mer 8 Jan 2014 - 23:31

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

    le Jeu 9 Jan 2014 - 20:51

      Merci du partage !  :hug: 
    Contenu sponsorisé

    Aujourd'hui à 21:25


      La date/heure actuelle est Sam 10 Déc 2016 - 21:25