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

    le Dim 29 Mar 2015 - 17:49


    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
    A-Lice
    FémininAge : 22Messages : 4939

    le Lun 30 Mar 2015 - 14:07

    Super !
    Cette astuce est super pratique ! Je déplacerai une fois que j'aurai indexé, mais c'est nikel, merci.

    avatar
    Chèlha
    FémininAge : 24Messages : 121

    le Mer 1 Avr 2015 - 11:21

    Merci.
    avatar
    Neva
    FémininAge : 25Messages : 18553

    le Mer 1 Avr 2015 - 12:02

    Je suis d'accord avec Alice, c'est génial !
    Merci Shaneliae



     
    avatar
    Shaneliae
    FémininAge : 20Messages : 761

    le Mer 1 Avr 2015 - 13:08

    Cela m'a fait plaisir de le partager ! Profitez bien de cette astuce ! =D



    avatar
    Azorus
    MasculinAge : 15Messages : 35

    le Ven 3 Avr 2015 - 17:05

    Merci c'est vraiment le truc qu'il me fallait :ggg1:



    Seul mon nounours peut me comprendre :cowboy: :gentleman: :bandit:


    GFX by Aleph'
    avatar
    Uther
    MasculinAge : 20Messages : 93

    le Dim 5 Avr 2015 - 2:26

    Merci
    avatar
    Thorn
    MasculinAge : 16Messages : 422

    le Dim 5 Avr 2015 - 13:51

    Merci !^^



    avatar
    remrem
    MasculinAge : 19Messages : 48

    le Ven 10 Avr 2015 - 8:24

    Merci
    avatar
    Litonya
    FémininAge : 15Messages : 135

    le Mer 15 Avr 2015 - 12:58

    micihi
    avatar
    Hylia
    FémininAge : 16Messages : 96

    le Mer 15 Avr 2015 - 16:20

    Merci!



    avatar
    Nono-Chan
    FémininAge : 19Messages : 268

    le Mer 15 Avr 2015 - 17:22

    Bonjour ^=^
    Cette astuce est super pratique, vraiment! Bravo et merci! ♥
    avatar
    Anon
    MasculinAge : 18Messages : 92

    le Jeu 16 Avr 2015 - 12:54

    Exactement ce que je cherchais, merci ! :>




    ~
    avatar
    aryanon
    MasculinAge : 19Messages : 50

    le Ven 17 Avr 2015 - 23:55

    merci ^^ avec ce code je devrais pouvoir l'arranger pour faire un autre truc que je cherche à faire depuis longtemps
    avatar
    Aubynette
    FémininAge : 15Messages : 25

    le Dim 19 Avr 2015 - 18:15

    Merci !
    avatar
    -Dr3ams-
    FémininAge : 24Messages : 29

    le Mar 21 Avr 2015 - 21:01

    Merci !
    avatar
    Nezzoon
    FémininAge : 17Messages : 65

    le Sam 25 Avr 2015 - 17:57

    Merci :3
    avatar
    Valkyija
    FémininAge : 33Messages : 45

    le Sam 25 Avr 2015 - 23:50

    Je suis curieuse de voir ce code !

    Merci pour le partage ! :)
    avatar
    Aishitteru
    FémininAge : 21Messages : 66

    le Lun 27 Avr 2015 - 10:56

    Merci ! ^^
    avatar
    g93
    MasculinAge : 30Messages : 67

    le Jeu 30 Avr 2015 - 11:48

    merci
    Lucrèce
    FémininAge : 27Messages : 63

    le Sam 2 Mai 2015 - 17:24

    Merci beaucoup !
    avatar
    leetath
    FémininAge : 36Messages : 29

    le Sam 2 Mai 2015 - 21:21

    merci pour l'astuce :)
    avatar
    Ryukaï
    MasculinAge : 18Messages : 590

    le Dim 3 Mai 2015 - 20:40

    Merci c'est cool



    avatar
    Féery
    FémininAge : 16Messages : 23

    le Mar 5 Mai 2015 - 17:29

    Merci <3
    Lupa
    FémininAge : 20Messages : 177

    le Mer 6 Mai 2015 - 15:16

    Très pratique cette astuce, merci =D



    To die would be an awfully big adventure... ~ Peter Pan, James M. Berrie.
    Contenu sponsorisé


      La date/heure actuelle est Jeu 23 Mar 2017 - 23:11