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 - 6: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 - 6:41, édité 1 fois
    Angie H.-Carter
    FémininAge : 33Messages : 672

    le Jeu 9 Jan 2014 - 22:14

    Merci c'est super^^



    Your my brillant! You shine into the darkness and you guide me in my  life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    melimêlo
    FémininAge : 24Messages : 25

    le Jeu 23 Jan 2014 - 13:02

    Merci Denkou pour le tuto permettant de mettre une cb latérale. J'ai réussi sans difficultés grâce à cette explication claire, précise, et surtout accessible pour les débutants en codage comme moi :p
    Maintenant je vais essayer de la mettre sur toutes les pages :p
    Black Diamond
    FémininAge : 27Messages : 90

    le Mar 28 Jan 2014 - 17:50

    Ouah merci beaucoup c'est génial *o*




    Hana Evali
    FémininAge : 26Messages : 153

    le Mar 28 Jan 2014 - 21:22

    merci !



    Saphiina
    FémininAge : 22Messages : 26

    le Dim 30 Mar 2014 - 15:14

    Merci Very Happy
    Loca63
    FémininAge : 17Messages : 11

    le Mer 16 Avr 2014 - 14:01

    Merci ^^
    Araik
    FémininAge : 21Messages : 244

    le Jeu 1 Mai 2014 - 10:53

    Vraiment très pratique et très simple a utilisé en plus.
    Merci



    Eilema
    MasculinAge : 24Messages : 58

    le Mar 13 Mai 2014 - 4:36

    Merci





    Je suis un monstre sodomite <3
    Lisou
    FémininAge : 16Messages : 293

    le Jeu 15 Mai 2014 - 10:03

    Merci, j'en avais besoin !
    Ashem
    FémininAge : 31Messages : 250

    le Mer 11 Juin 2014 - 12:41

    Bonjour !

    Je dois probablement être la seule... mais chez moi ça bug !!

    Enfin j'ai essayer les deux version et l'une comme l'autre, le bouton ouvrir fermer prend toute la largeur de la page. Et je n'arrive pas a comprendre pourquoi.

    Si quelqu'un a une idée.... Je suis preneuse, merci d'avance.
    Neva
    FémininAge : 25Messages : 18542

    le Jeu 12 Juin 2014 - 3:55

    Ashem, les questions sont à poster là (c'est indiqué dans le rappel "règlement du forum" avant les messages, pense à le lire. Il est différent dans chaque section) : http://www.never-utopia.com/f22-un-probleme-en-codage



     
    Invité

    le Ven 11 Juil 2014 - 9:15

    Merchiiiii!
    Schnappi
    FémininAge : 25Messages : 100

    le Mar 22 Juil 2014 - 13:04

    coucou,

    J'ai un petit soucis, j'ai utilisé la technique à placer dans le template, sauf que malgré tous mes essais je n'arrive pas a savoir comment modifier le fond Sad c'est pas faute d'avoir essayé Sad (placer des background-color partout, rajouter des !important mais rien n'y fait)

    Quelqu'un a une solution à ça ?
    Pokebip
    MasculinAge : 18Messages : 69

    le Lun 29 Sep 2014 - 14:55

    @Denkou a écrit: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.

    Edit pokebip: Pas mal, à ajouter pour une nouvelle version.Le sonore de la chat box au contact du message.
    Matantelie
    FémininAge : 22Messages : 36

    le Mer 5 Nov 2014 - 15:03

    MERCI
    Manue
    FémininAge : 36Messages : 51

    le Mer 7 Jan 2015 - 8:26

    Merci beaucoup !
    Shaneliae
    FémininAge : 20Messages : 667

    le Sam 28 Mar 2015 - 13:27

    J'avais déjà vu cela sur plusieurs forums et l'idée m'intéresse réellement pour avoir une ChatBox plus accessible et moins encombrante ! Merci beaucoup !
    Tameless+
    FémininAge : 19Messages : 245

    le Mar 31 Mar 2015 - 15:27

    Woaaaa *-* j'adore les CB latérale, merci *o*



    LOUVE ☽
    FémininAge : 26Messages : 51

    le Ven 1 Mai 2015 - 16:29

    merci :)
    xToshi-Shûx
    FémininAge : 25Messages : 39

    le Mar 28 Juil 2015 - 8:27

    Merci x)



    Sachem
    FémininAge : 20Messages : 51

    le Mer 29 Juil 2015 - 8:29

    Merci! C:
    kiracamus
    FémininAge : 30Messages : 18

    le Dim 20 Sep 2015 - 9:19

    Superbe affichage de la box, merci
    Kelalin
    FémininAge : 24Messages : 1404

    le Dim 20 Sep 2015 - 16:35

    Merci (*≧▽≦)
    BlondieMood
    FémininAge : 19Messages : 18

    le Ven 6 Nov 2015 - 11:57

    ooooh *-* merci
    Ethernia
    FémininAge : 39Messages : 279

    le Dim 22 Nov 2015 - 5:31

    Merci pour le partage :)
    Contenu sponsorisé

    Aujourd'hui à 10:07


      La date/heure actuelle est Jeu 8 Déc 2016 - 10:07