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
    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 !
    SamLine
    FémininAge : 18Messages : 26

    le Mer 17 Fév 2016 - 19:34

    Merci beaucoup !
    Lizbeth
    FémininAge : 19Messages : 42

    le Mar 22 Mar 2016 - 13:32

    Merci !
    InfiniKey
    FémininAge : 30Messages : 45

    le Mer 23 Mar 2016 - 19:55

    Merci beaucoup ^^
    Globule
    FémininAge : 17Messages : 42

    le Sam 14 Mai 2016 - 11:03

    Merci !
    Caroline Forbes
    FémininAge : 18Messages : 20

    le Dim 15 Mai 2016 - 19:39

    Merci !
    Ariemm
    FémininAge : 15Messages : 88

    le Dim 22 Mai 2016 - 15:52

    merchi ^^
    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)
    P'tite
    FémininAge : 18Messages : 23

    le Jeu 1 Sep 2016 - 4:15


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

    le Ven 9 Sep 2016 - 15:09

    mercii ^^
    Yukimura Esuki
    MasculinAge : 20Messages : 106

    le Ven 21 Oct 2016 - 2:21

    Merci beaucoup ! Very Happy
    Contenu sponsorisé

    Aujourd'hui à 7:04


      La date/heure actuelle est Dim 11 Déc 2016 - 7:04