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 : 762

    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
    Livoire
    FémininAge : 18Messages : 32

    le Ven 8 Mai 2015 - 23:45

    Merci !
    avatar
    Zertox
    MasculinAge : 26Messages : 9

    le Jeu 14 Mai 2015 - 6:49

    Merci :)
    avatar
    Mushu
    FémininAge : 19Messages : 68

    le Dim 17 Mai 2015 - 18:20

    Merci !
    avatar
    Liam212
    MasculinAge : 16Messages : 45

    le Lun 18 Mai 2015 - 7:37

    shuper !!



    avatar
    maagic
    MasculinAge : 19Messages : 10

    le Sam 23 Mai 2015 - 13:37

    merci
    avatar
    Pinku
    FémininAge : 18Messages : 139

    le Dim 24 Mai 2015 - 12:35

    C'est justement ce que je cherchais, merci beaucoup =)
    avatar
    Yogi Nakagawa
    MasculinAge : 16Messages : 92

    le Lun 25 Mai 2015 - 12:40

    C'est trop cool je veux *-*



    avatar
    o~°Passion HELL
    FémininAge : 28Messages : 183

    le Lun 25 Mai 2015 - 18:51

    Merci beaucoup Wink



    ....
    avatar
    charlie.
    FémininAge : 37Messages : 62

    le Jeu 28 Mai 2015 - 15:59

    merci
    avatar
    Nutop
    FémininAge : 14Messages : 245

    le Jeu 28 Mai 2015 - 19:52

    Merci !






    avatar
    Liia
    FémininAge : 21Messages : 91

    le Jeu 28 Mai 2015 - 22:09

    Merci beaucoup c: !
    avatar
    Curieuse
    FémininAge : 19Messages : 19

    le Dim 7 Juin 2015 - 14:40

    super astuce, merci beaucoup ! :)
    avatar
    Sky104
    FémininAge : 14Messages : 10

    le Dim 7 Juin 2015 - 18:27

    Merci :3



    Hellow
    avatar
    BlueBerry ♪
    FémininAge : 19Messages : 107

    le Mar 9 Juin 2015 - 19:23

    Merci j'ai toujours cherché cette astuce pour l'avoir partout :)



    avatar
    Saya Shirayuki
    FémininAge : 24Messages : 149

    le Mer 10 Juin 2015 - 18:47

    C'est génial ! Merci^^
    avatar
    Minzy
    FémininAge : 21Messages : 184

    le Ven 12 Juin 2015 - 9:19

    Merci :3
    avatar
    Invité

    le Dim 14 Juin 2015 - 7:16

    merci :)
    avatar
    Scythe
    FémininAge : 26Messages : 36

    le Lun 15 Juin 2015 - 0:36

    Merci.
    avatar
    Pau
    FémininAge : 26Messages : 37

    le Mar 16 Juin 2015 - 10:49

    super! merci!
    avatar
    Hakura
    FémininAge : 18Messages : 32

    le Mar 16 Juin 2015 - 11:12

    Merciii ^^
    avatar
    Callisto
    FémininAge : 20Messages : 43

    le Sam 20 Juin 2015 - 18:33

    merci o/
    avatar
    Araik
    FémininAge : 21Messages : 247

    le Dim 21 Juin 2015 - 15:17

    Super astuce merci



    GEnterZ
    MasculinAge : 18Messages : 61

    le Sam 27 Juin 2015 - 15:46

    Merci !
    avatar
    poloch
    MasculinAge : 22Messages : 109

    le Sam 27 Juin 2015 - 18:36

    Merci Very Happy



    avatar
    Atomixy
    MasculinAge : 20Messages : 28

    le Sam 27 Juin 2015 - 22:51

    Merci !!
    Contenu sponsorisé


      La date/heure actuelle est Sam 25 Mar 2017 - 1:04