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

    le Dim 29 Mar - 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 - 18:06, édité 3 fois
    avatar
    Isalia
    FémininAge : 20Messages : 121

    le Sam 25 Juin - 17:35

    Merci!
    avatar
    Wasabii
    FémininAge : 17Messages : 16

    le Jeu 30 Juin - 0:33

    Merci d'avance !



    avatar
    Kaleessi
    FémininAge : 24Messages : 54

    le Dim 3 Juil - 18:18

    Super pratique de pouvoir avoir accès partout! Mercii Very Happy
    avatar
    Opaline
    FémininAge : 17Messages : 86

    le Lun 4 Juil - 20:14

    Merci~



    avatar
    hippolytta
    FémininAge : 17Messages : 52

    le Mar 5 Juil - 18:24

    Merci Very Happy
    avatar
    Sybline
    FémininAge : 30Messages : 19

    le Jeu 7 Juil - 10:58

    Merci ^^
    avatar
    Lena Choux
    FémininAge : 20Messages : 28

    le Jeu 7 Juil - 16:44

    Merci !
    avatar
    Choucroute Mozzarella
    FémininAge : 20Messages : 26

    le Dim 10 Juil - 15:38

    Merci ! O/
    avatar
    PhaerylGG
    FémininAge : 21Messages : 13

    le Jeu 21 Juil - 18:49

    Merci
    avatar
    Wiss
    FémininAge : 12Messages : 50

    le Dim 31 Juil - 21:22

    Merciiiiiiii




    Autre signa:
    avatar
    BlueGhost
    MasculinAge : 15Messages : 125

    le Lun 22 Aoû - 21:03

    Merci :3





    ~ Upupupu... je ne suis pas une peluche, je suis Monokuma ! ~
    Danganronpaaa ♥
    avatar
    cheeky monkey.
    FémininAge : 25Messages : 12

    le Jeu 25 Aoû - 10:31

    Meeerci. ♥♥
    avatar
    Jynnea
    FémininAge : 22Messages : 91

    le Ven 26 Aoû - 8:06

    Merci!
    avatar
    Nyroc
    MasculinAge : 14Messages : 51

    le Lun 29 Aoû - 0:10

    Merci ^^



    avatar
    Nyroc
    MasculinAge : 14Messages : 51

    le Lun 29 Aoû - 0:10

    Merci ^^



    avatar
    Samiki
    FémininAge : 18Messages : 84

    le Dim 4 Sep - 19:29

    Merci!




    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    avatar
    TheHG
    FémininAge : 22Messages : 52

    le Sam 10 Sep - 15:24

    Merci, vraiment très utile ! Je cherchais ce code depuis un bail :)
    avatar
    Naoto Hiyaru
    MasculinAge : 20Messages : 15

    le Dim 18 Sep - 14:21

    C'est tout a fait ce que je cherchais ,merci beaucoup ! ♫
    avatar
    Piratress
    FémininAge : 19Messages : 190

    le Mar 20 Sep - 13:53

    Merci pour cette astuce, merci à toi ! :)
    avatar
    Yam'
    FémininAge : 23Messages : 73

    le Sam 8 Oct - 17:48

    merciiii!
    avatar
    Star Rock Shooter
    MasculinAge : 20Messages : 11

    le Sam 8 Oct - 23:27

    Merci beaucoup ! :bisou:
    avatar
    Dacina moe
    FémininAge : 38Messages : 142

    le Jeu 13 Oct - 18:13

    Merci :)
    avatar
    Laya
    FémininAge : 17Messages : 18

    le Ven 21 Oct - 0:47

    merci
    avatar
    Yukimura Esuki
    MasculinAge : 21Messages : 110

    le Ven 21 Oct - 2:17

    Sympa ! Very Happy Merci bcp !
    avatar
    Kanra
    FémininAge : 16Messages : 113

    le Mar 1 Nov - 12:51

    merci !
    Contenu sponsorisé


      La date/heure actuelle est Jeu 30 Mar - 18:26