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
    MikuSong
    FémininAge : 19Messages : 32

    le Jeu 27 Aoû 2015 - 17:04

    Merci beaucoup ;3




    N'est pas peur...Je suis un gentil fantôme /
    avatar
    Silverblight
    MasculinAge : 32Messages : 24

    le Jeu 27 Aoû 2015 - 17:36

    Merci !
    avatar
    Allya33
    FémininAge : 16Messages : 41

    le Sam 29 Aoû 2015 - 15:08

    Merci beaucoup c'est super!!!
    avatar
    TiGraou
    MasculinAge : 23Messages : 179

    le Mer 9 Sep 2015 - 14:34

    Merci
    avatar
    Inoue Musaki
    FémininAge : 27Messages : 147

    le Ven 11 Sep 2015 - 11:40

    merci pour l'astuce
    avatar
    EOS
    MasculinAge : 24Messages : 34

    le Sam 12 Sep 2015 - 20:15

    Merci
    avatar
    Fantôma
    MasculinAge : 15Messages : 67

    le Ven 18 Sep 2015 - 19:48

    Owiii, merci ♥



    avatar
    Zekarant
    MasculinAge : 15Messages : 51

    le Sam 19 Sep 2015 - 17:40

    Merci
    avatar
    Lessien
    FémininAge : 34Messages : 151

    le Mar 22 Sep 2015 - 8:27

    Merci !
    avatar
    Jay-89
    FémininAge : 28Messages : 82

    le Jeu 24 Sep 2015 - 18:57

    Merci
    avatar
    Shaolan
    MasculinAge : 25Messages : 100

    le Dim 27 Sep 2015 - 13:19

    merci beaucoup
    avatar
    Romann
    FémininAge : 23Messages : 183

    le Mar 29 Sep 2015 - 18:23

    merci ^^



    avatar
    Aile
    FémininAge : 29Messages : 133

    le Mer 30 Sep 2015 - 23:46

    J'ai justement le soucis d'avoir une cb latérale uniquement sur la pa. Merci pour l'astuce.



    avatar
    Dragonia
    FémininAge : 28Messages : 21

    le Jeu 1 Oct 2015 - 1:01

    Merci ^^
    Aïda
    FémininAge : 22Messages : 35

    le Lun 19 Oct 2015 - 20:17

    merciii
    avatar
    Girly
    FémininAge : 19Messages : 116

    le Jeu 22 Oct 2015 - 19:50

    merci!
    avatar
    Reishi
    MasculinAge : 23Messages : 139

    le Ven 23 Oct 2015 - 10:28

    merci
    avatar
    Aksss
    MasculinAge : 20Messages : 26

    le Ven 23 Oct 2015 - 19:25

    merci!



    avatar
    Shiwaii
    FémininAge : 28Messages : 86

    le Lun 26 Oct 2015 - 10:30

    Merci Very Happy
    avatar
    lulu-lorry
    MasculinAge : 48Messages : 48

    le Ven 6 Nov 2015 - 16:27

    grand merci pour ce tuto
    avatar
    Leoguillem
    MasculinAge : 17Messages : 137

    le Dim 8 Nov 2015 - 14:45

    Merci !



    - Je signe Marabout -
    avatar
    Luune
    FémininAge : 28Messages : 125

    le Dim 8 Nov 2015 - 19:17

    Merci
    avatar
    Lya F.
    MasculinAge : 18Messages : 57

    le Dim 15 Nov 2015 - 17:27

    Merci !
    avatar
    Luunalight
    FémininAge : 26Messages : 84

    le Jeu 19 Nov 2015 - 14:43

    Merci !
    avatar
    Elocha
    FémininAge : 66Messages : 255

    le Jeu 19 Nov 2015 - 21:55

    excellent ! merci



    eLoChA.
    Contenu sponsorisé


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