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
    avatar
    Denkou
    MasculinAge : 21Messages : 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
    avatar
    Nephilime
    FémininAge : 21Messages : 147

    le Mer 30 Déc 2015 - 23:47

    Merci beaucoup pour ce code et les explications qui vont m'être bien utiles !
    avatar
    SamLine
    FémininAge : 18Messages : 26

    le Mer 17 Fév 2016 - 19:34

    Merci beaucoup !
    avatar
    Lizbeth
    FémininAge : 19Messages : 78

    le Mar 22 Mar 2016 - 13:32

    Merci !
    avatar
    InfiniKey
    FémininAge : 30Messages : 45

    le Mer 23 Mar 2016 - 19:55

    Merci beaucoup ^^
    avatar
    Globule
    FémininAge : 17Messages : 45

    le Sam 14 Mai 2016 - 11:03

    Merci !
    avatar
    Caroline Forbes
    FémininAge : 19Messages : 22

    le Dim 15 Mai 2016 - 19:39

    Merci !
    avatar
    Ariemm
    FémininAge : 15Messages : 96

    le Dim 22 Mai 2016 - 15:52

    merchi ^^
    avatar
    Aidden
    MasculinAge : 22Messages : 44

    le Ven 19 Aoû 2016 - 15:36

    Est-il possible de faire apparaitre et disparaitre la chatbox avec déplacement visible de cette dernière ? Plutôt que de la voir apparaitre ou disparaitre, on la verrait s'ouvrir doucement (un peu comme le centre de notification sur un smartphone, mais horizontalement)
    avatar
    P'tite
    FémininAge : 18Messages : 26

    le Jeu 1 Sep 2016 - 4:15


    Un énorme remerciement pour ce tutoriel, il me servira à coup sûr ! :yaay:
    avatar
    kaitorla
    MasculinAge : 27Messages : 12

    le Ven 9 Sep 2016 - 15:09

    mercii ^^
    avatar
    Yukimura Esuki
    MasculinAge : 21Messages : 110

    le Ven 21 Oct 2016 - 2:21

    Merci beaucoup ! Very Happy
    avatar
    Baby Pikachu
    FémininAge : 20Messages : 69

    le Jeu 12 Jan 2017 - 18:56

    Merci !
    avatar
    Cloudygirl
    FémininAge : 32Messages : 63

    le Jeu 2 Fév 2017 - 23:22

    Merci bien pour le partage, ça va m'être bien utile ! =)
    avatar
    Flavien1309
    MasculinAge : 23Messages : 38

    le Mar 21 Fév 2017 - 23:17

    merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 30 Mar 2017 - 18:36