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

    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
    FanDeFofo
    MasculinAge : 40Messages : 16

    le Jeu 3 Mar 2016 - 16:45

    mr
    avatar
    Frosty Blue
    FémininAge : 20Messages : 161

    le Dim 6 Mar 2016 - 9:29

    Merci!
    avatar
    Demily
    FémininAge : 30Messages : 48

    le Lun 7 Mar 2016 - 14:35

    Merci pour le partage!
    avatar
    Monox76
    MasculinAge : 26Messages : 64

    le Jeu 10 Mar 2016 - 17:02

    merci !



    avatar
    Antithée
    FémininAge : 20Messages : 69

    le Sam 12 Mar 2016 - 17:41

    Merci !
    avatar
    Océ
    FémininAge : 42Messages : 234

    le Lun 14 Mar 2016 - 14:34

    Merci



    Bonjours voici mes petit demande d'aide : L’annonce est ici
    avatar
    Black Chocolate
    MasculinAge : 27Messages : 58

    le Ven 18 Mar 2016 - 15:32

    Merci ! :)
    avatar
    Vetrox
    MasculinAge : 16Messages : 36

    le Mar 22 Mar 2016 - 20:47

    merci
    avatar
    FeliceFelicis
    FémininAge : 26Messages : 87

    le Lun 11 Avr 2016 - 3:45

    Merci beaucoup! <3
    avatar
    Arkaline
    FémininAge : 26Messages : 171

    le Mar 12 Avr 2016 - 13:04

    Merci ! :)



    Arkaline
    avatar
    ldavidl
    MasculinAge : 27Messages : 30

    le Mar 12 Avr 2016 - 15:39

    Merci beaucoup, pile ce que je cherchais!
    avatar
    Aile de l'Ange
    FémininAge : 18Messages : 100

    le Lun 25 Avr 2016 - 10:40

    merci ^^
    avatar
    jeremy31
    MasculinAge : 19Messages : 22

    le Mar 3 Mai 2016 - 21:15

    merci :)
    avatar
    Asaëlle
    FémininAge : 24Messages : 124

    le Mer 4 Mai 2016 - 10:36

    Merci !
    avatar
    Saphira
    FémininAge : 20Messages : 72

    le Mer 4 Mai 2016 - 17:13

    Merci :)
    avatar
    Pokebip
    MasculinAge : 19Messages : 69

    le Mer 11 Mai 2016 - 19:09

    cool
    avatar
    Caroline Forbes
    FémininAge : 19Messages : 22

    le Dim 15 Mai 2016 - 19:34

    Merci !
    avatar
    Neymar
    MasculinAge : 18Messages : 138

    le Lun 16 Mai 2016 - 23:52

    HOMOSHIROY
    avatar
    M.O
    MasculinAge : 27Messages : 48

    le Mar 24 Mai 2016 - 3:39

    Merci!
    avatar
    Gladou
    MasculinAge : 22Messages : 114

    le Mar 24 Mai 2016 - 21:14

    super!!



    avatar
    Invy
    FémininAge : 24Messages : 48

    le Dim 29 Mai 2016 - 12:20

    Cette astuce m'intéresse. Merci d'avance :)
    avatar
    Deed01
    MasculinAge : 39Messages : 275

    le Jeu 2 Juin 2016 - 11:35

    top nickel Very Happy
    avatar
    Flavien1309
    MasculinAge : 23Messages : 38

    le Ven 3 Juin 2016 - 15:04

    merci :)
    avatar
    EAVENN
    FémininAge : 20Messages : 162

    le Dim 5 Juin 2016 - 19:53

    merci
    avatar
    TenebreuseRP
    FémininAge : 17Messages : 158

    le Jeu 9 Juin 2016 - 17:00

    merci!



    Spoiler:

    Contenu sponsorisé


      La date/heure actuelle est Jeu 30 Mar 2017 - 12:52