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

    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
    Voltino
    MasculinAge : 22Messages : 55

    le Mar 19 Jan 2016 - 3:08

    Super
    avatar
    Angie H.-Carter
    FémininAge : 33Messages : 687

    le Ven 22 Jan 2016 - 18:13

    Merci pour l'astuce c'est cool ^^



    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!
    avatar
    Nezumi-liet
    FémininAge : 27Messages : 11

    le Sam 23 Jan 2016 - 21:42

    merci
    avatar
    Hawk Lowell
    MasculinAge : 20Messages : 102

    le Mar 26 Jan 2016 - 4:34

    Merci
    avatar
    Skullewen
    FémininAge : 20Messages : 17

    le Mer 27 Jan 2016 - 11:36

    marchiii
    avatar
    Mistiny
    FémininAge : 14Messages : 23

    le Jeu 28 Jan 2016 - 19:44

    Merci!
    avatar
    Illiana
    FémininAge : 21Messages : 97

    le Dim 31 Jan 2016 - 16:33

    Merci !



    avatar
    Naïshy
    FémininAge : 15Messages : 65

    le Dim 31 Jan 2016 - 17:41

    Thanks. *w*
    avatar
    Ichibari
    FémininAge : 31Messages : 90

    le Mar 2 Fév 2016 - 5:46

    Merci beaucoup



    avatar
    Mystick
    FémininAge : 32Messages : 84

    le Ven 5 Fév 2016 - 16:09

    Merci beaucoup !
    avatar
    blastrall
    MasculinAge : 22Messages : 40

    le Sam 6 Fév 2016 - 17:15

    merci
    avatar
    SIXE
    FémininAge : 25Messages : 39

    le Ven 12 Fév 2016 - 4:43

    Merci pour le partage ! Very Happy
    avatar
    Shoki
    FémininAge : 15Messages : 1298

    le Ven 12 Fév 2016 - 19:37

    Merci !





    avatar
    Suisen
    FémininAge : 22Messages : 52

    le Sam 13 Fév 2016 - 16:39

    Merci beaucoup pour l'astuce ! ♥
    avatar
    Lehyan
    FémininAge : 21Messages : 8

    le Dim 14 Fév 2016 - 4:45

    Merci!
    avatar
    SamLine
    FémininAge : 18Messages : 26

    le Mer 17 Fév 2016 - 19:35

    Merci beaucoup !
    avatar
    Lyogi
    MasculinAge : 18Messages : 22

    le Dim 21 Fév 2016 - 1:28

    Vraiment pratique.
    avatar
    Rynkka
    FémininAge : 18Messages : 117

    le Dim 21 Fév 2016 - 12:36

    Merci !



    avatar
    elfyqchan
    FémininAge : 20Messages : 48

    le Mer 24 Fév 2016 - 12:00

    Merci -^^-



    avatar
    Rogue Titan
    FémininAge : 22Messages : 47

    le Mer 24 Fév 2016 - 12:10

    Merci !
    avatar
    Okita
    MasculinAge : 23Messages : 16

    le Jeu 25 Fév 2016 - 9:34

    Merci Very Happy
    avatar
    Zorane
    MasculinAge : 25Messages : 67

    le Jeu 25 Fév 2016 - 14:30

    merci
    avatar
    Kâ Lys
    MasculinAge : 54Messages : 298

    le Jeu 25 Fév 2016 - 21:45

    ENFIN! Gros merci! :-) Très utile ça!



    avatar
    Oror
    FémininAge : 27Messages : 93

    le Dim 28 Fév 2016 - 19:38

    Chouette astuce ! Merci du partage !



    avatar
    Tatia38
    FémininAge : 27Messages : 300

    le Lun 29 Fév 2016 - 11:40

    Merci.
    Contenu sponsorisé


      La date/heure actuelle est Mar 28 Mar 2017 - 23:38