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.


    Chatbox accessible sur tout votre forum

    Partagez
    avatar
    Shaneliae
    FémininAge : 20Messages : 763

    le Dim 29 Mar 2015 - 17:49

    Rappel du premier message :


    ChatBox accessible sur tout le forum



    Bonjour à tous !

    Cela fait quelques temps que je parcours les LS et tutos de NU en codage avec pour sujet : la personnalisation de la Chatbox. Elle est sympa, conviviale, pratique et tout ce qu'on veut ! Mais parfois, elle n'est pas très accessible. Mon idée est de rendre cette Chatbox facilement accessible partout sur votre forum.

    L'intérêt ?
    Comme vous l'avez compris c'est de pouvoir suivre la Chatbox assez facilement tout en faisant autre chose sur le forum sans avoir à ouvrir un nouvel onglet ou une nouvelle fenêtre du navigateur !

    Pour réaliser ce LS j'ai utilisé un autre LS sur la Chatbox latérale qui se trouve ici et que je vous prierais d'aller visiter et remercier pour plus d'informations sur cette Chatbox !

    Vous avez ici des screens de mon forum test pour voir ce que cela donne au repos et lorsque l'on clique sur le bouton.


    Venons maintenant à l'astuce ! Pour la réaliser vous allez devoir modifier des templates, alors vous avez besoin d'avoir les droits de fondateur du forum.

    Commencez par aller dans :
    PA > Affichage > Onglet Templates > Général > overall_header (Haut de page)

    Ouvrez le template en cliquant sur la bouton "Modifier" (le petit engrenage) et cherchez la ligne 209. Vous devez voir le code ci-dessous :
    Code:
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

    Sautez une ligne après ce code et ensuite insérez le code du panneau latéral qui est :
    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>

    Vous n'avez plus qu'à enregistrer votre template puis à le publier !

    Vous avez maintenant finit et il ne vous reste plus qu'à personnaliser votre Chatbox et les différents boutons !

    Merci d'avoir lu ce LS et j'espère qu'il vous servira !

    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 Shaneliae le Mer 1 Mar 2017 - 18:06, édité 3 fois
    avatar
    Kingdom.
    FémininAge : 17Messages : 53

    le Mer 25 Nov 2015 - 23:36

    merci !
    avatar
    Yam'
    FémininAge : 23Messages : 73

    le Jeu 26 Nov 2015 - 4:35

    merci!
    avatar
    Narachi
    MasculinAge : 23Messages : 71

    le Dim 29 Nov 2015 - 15:34

    Merci



    avatar
    Petit Harfang
    FémininAge : 16Messages : 79

    le Ven 4 Déc 2015 - 21:30

    Merci !
    avatar
    Ykhar
    FémininAge : 20Messages : 23

    le Ven 4 Déc 2015 - 22:20

    Merci beaucoup ! Very Happy
    avatar
    Grande
    FémininAge : 29Messages : 205

    le Sam 5 Déc 2015 - 0:48

    Merci



    avatar
    blade li britannia
    MasculinAge : 24Messages : 90

    le Sam 5 Déc 2015 - 17:38

    merci



    avatar
    Faïryna
    FémininAge : 14Messages : 57

    le Dim 6 Déc 2015 - 13:15

    Merci!!!!
    avatar
    Anya-Gackt
    FémininAge : 25Messages : 49

    le Mer 9 Déc 2015 - 12:40

    Merci beaucoup =)
    avatar
    Cheshire Cat
    FémininAge : 19Messages : 811

    le Lun 21 Déc 2015 - 4:34

    Merci pour l'astuce c:



    avatar
    Kamesora
    FémininAge : 24Messages : 90

    le Lun 21 Déc 2015 - 21:55

    thx
    avatar
    DeadlyRuby
    FémininAge : 17Messages : 40

    le Jeu 24 Déc 2015 - 13:43

    Merci. Very Happy



    avatar
    QueenDancing13
    FémininAge : 20Messages : 84

    le Jeu 24 Déc 2015 - 19:06

    Merci pour l'astuce :)



    avatar
    Kobye
    FémininAge : 20Messages : 37

    le Lun 28 Déc 2015 - 2:34

    merci!
    avatar
    Hadès.
    MasculinAge : 18Messages : 36

    le Lun 28 Déc 2015 - 19:14

    merchiiiii
    avatar
    Doo
    FémininAge : 25Messages : 42

    le Mer 30 Déc 2015 - 21:41

    merci beaucoup pour le partage!
    avatar
    Rozenbrez
    FémininAge : 25Messages : 1269

    le Sam 2 Jan 2016 - 21:10

    Bonne idée !! Very Happy





    Merci au lutin anonyme de cette année. <3

    avatar
    KimmyKinder
    FémininAge : 15Messages : 174

    le Sam 2 Jan 2016 - 21:17

    mrc
    avatar
    Vixinte
    FémininAge : 19Messages : 90

    le Lun 4 Jan 2016 - 15:12

    Merci !
    avatar
    Hatsuharu
    FémininAge : 26Messages : 32

    le Mer 6 Jan 2016 - 13:55

    Merci pour l'astuce ♥
    avatar
    Nord
    MasculinAge : 17Messages : 159

    le Dim 10 Jan 2016 - 15:24

    Ouah, c'est vraiment pratique, merci ! ^^
    avatar
    Colyn
    FémininAge : 23Messages : 9

    le Dim 10 Jan 2016 - 18:45

    Merci~
    avatar
    Yukihyo
    MasculinAge : 19Messages : 58

    le Jeu 14 Jan 2016 - 1:08

    Merci !
    avatar
    Schnappi
    FémininAge : 25Messages : 102

    le Jeu 14 Jan 2016 - 1:49

    merci :)
    avatar
    P'tit loup
    MasculinAge : 34Messages : 434

    le Lun 18 Jan 2016 - 14:25

    merci ^^



    Contenu sponsorisé


      La date/heure actuelle est Mar 28 Mar 2017 - 2:34