AccueilDernières imagesRechercherS'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.

Le Deal du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

    ChatBox latérale (avec ou sans transition)

    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Mer 16 Déc 2009 - 11:21


    Le code n'est pas caché sous balise hide, mais n'hésitez pas à remercier son auteur :)
    Lien pour comprendre pourquoi le contenu n'est pas sous hide


    Bonjour, voici un code qui vous permettra de faire ceci :

    Spoiler:

    Ensuite, on va aller mettre la chatbox où vous voulez qu'elle soit.

    Si vous voulez qu'elle apparaisse uniquement sur l'index, vous allez dans :
    Panneau d'administration > Affichage > Page d'accueil > Generalité

    Si vous voulez qu'elle apparaisse sur toutes les pages, vous allez dans :
    Panneau d'administration > Affichage > Templates > Général > overhall_header
    Et vous allez mettre le code juste sous la balise body. Pour phpBB2, la balsie body ressemble à ceci :
    Code:
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">




    Puis, vous mettez le code de la chatbox à l'endroit choisi.

    Code normal de la chatbox :
    Code:
    <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><tr><td style="background-color: #ffffff;"><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; margin: 2px; 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>

    Code de la chatbox avec transition fluide :
    Code:
      <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: -804px; z-index:10000; -webkit-transition: 1s; transition: 1s;" id="chatboxpop">
        <tr>
          <td style="background-color: #ffffff; padding: 2px;">
            <iframe src="/chatbox/index.forum" scrolling="no" style="width: 800px; height: 400px;" 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.left=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'0px':'-804px';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>




    Pour personnaliser, vous pouvez utiliser les codes ci-bas :

    Code normal de la chatbox :
    Code:
    <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: 0px; z-index:10000;"><tr><td style="background-color: #ffffff;"><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; margin: 2px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="ADRESSE DE L'IMAGE OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='ADRESSE DE IMAGE OUVRIR')?'block':'none';this.src=(this.src=='ADRESSE DE IMAGE OUVRIR')?'ADRESSE DE IMAGE FERMEE':'ADRESSE DE IMAGE OUVRIR';"/></td></tr></table>

    Code de la chatbox avec transition fluide :
    Code:
      <table cellpadding="0" cellspacing="0" style="position: fixed; bottom: 50px; left: -804px; z-index:10000; -webkit-transition: 1s; transition: 1s;" id="chatboxpop">
        <tr>
          <td style="background-color: #ffffff; padding: 2px;">
            <iframe src="/chatbox/index.forum" scrolling="no" style="width: 800px; height: 400px;" frameborder="0">
            </iframe>
          </td>
          <td style="vertical-align: bottom;">
            <img src="ADRESSE DE IMAGE OUVRIR" onClick="document.getElementById('chatboxpop').style.left=(this.src=='ADRESSE DE IMAGE OUVRIR')?'0px':'-804px';this.src=(this.src=='ADRESSE DE IMAGE OUVRIR')?'ADRESSE DE IMAGE FERMER':'ADRESSE DE IMAGE OUVRIR';"/>
          </td>
        </tr>
      </table>

    Voilà !




    Important : Faites attention aux " et aux ', sans cela le code ne fonctionne pas.

    Histoire de ne pas avoir 2 ChatBox, allez dans : P.A > Module > ChatBox > Ne plus afficher.

    Voilou !

    Edit Sparrow : veillez à avoir deux adresses d'image DIFFERENTES pour l'ouverture et la fermeture de la CB. Si vous souhaitez mettre la même image, hébergez-la deux fois pour que les adresses soient différentes.

    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 Denkou le Mer 16 Déc 2009 - 11:41, édité 1 fois
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Mer 16 Déc 2009 - 11:28

    Aha ! J'avais déjà vu ça sur pas mal de forum, et j'aime bien l'idée, au moins c'est plus discret. Je vais peut-être m'en servir sur N-U du coup Razz

    Merci !! Very Happy



    sign
    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Mer 16 Déc 2009 - 11:43

    Comme tu voudras. :§(§:
    Drickeem
    Drickeem
    MasculinAge : 30Messages : 46

    Mer 16 Déc 2009 - 21:40

    Merci beaucoup pour cette astuce ! C'est très sympas =)



    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Jeu 17 Déc 2009 - 17:23

    Une autres astuce pour vous dévarassez de la bar blanche sur le côté modifiez se code :

    Code:
    background-color: #ffffff

    Par le code de la couleur que vous voulez ou par

    Code:
    background-color: #none

    Pour que la bar disparaisse. Wink


    Dernière édition par Denkou le Mar 22 Déc 2009 - 7:12, édité 2 fois
    -Luffy-G-
    -Luffy-G-
    MasculinAge : 26Messages : 613

    Jeu 17 Déc 2009 - 17:32

    Je savais pas qu'on pouvait avec FA ...



    Le japon ... est un art


    Shigeru
    Shigeru
    MasculinAge : 29Messages : 1497

    Ven 18 Déc 2009 - 13:21

    Merci du tuto' =D



    ChatBox latérale (avec ou sans transition) 609890Naruto_1ChatBox latérale (avec ou sans transition) Naruto10
    Duivel
    Duivel
    MasculinAge : 34Messages : 104

    Ven 18 Déc 2009 - 16:06

    Merci du Tuto, dés que je change le design de mon forum je test Wink
    Cheub
    Cheub
    MasculinAge : 36Messages : 23

    Sam 19 Déc 2009 - 18:04

    Merci du tuto, les membres adorent ^^



    ChatBox latérale (avec ou sans transition) Backstab
    #_Crash
    #_Crash
    FémininAge : 28Messages : 129

    Dim 20 Déc 2009 - 11:17

    Merci beaucoup :)



    Faisons confiance à l'homme qui se tient à la barre du Blackbird... Crash -enfin perso, moi je lui ferais pas confiance car il à l'art de se crasherrrrrrrrrrrrrrr- Vive le Blackbird & son équipage !
    ChatBox latérale (avec ou sans transition) 091106043810848005
    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Lun 21 Déc 2009 - 5:55

    ChatBox latérale (avec ou sans transition) 718573 De rien.
    Duivel
    Duivel
    MasculinAge : 34Messages : 104

    Lun 21 Déc 2009 - 13:51

    Ca serait pour savoir, est ce qu'il est possible d'avoir la cb partout ? Je veux dire même dans les sous forums et les catégories ? Merci d'avance pour vos réponse :)
    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Lun 21 Déc 2009 - 16:54

    Non je ne crois pas car la CB ne s'affiche uniquement sur la page d'acceuil.
    Duivel
    Duivel
    MasculinAge : 34Messages : 104

    Lun 21 Déc 2009 - 17:10

    Ben je demande car j'ai vue ca sur un autre forum... mais je me rapelle plus ou :/ Donc je demande au cas ou ^^
    Anonymous
    Invité

    Lun 21 Déc 2009 - 21:59

    Bonsoir et merci du tuto =)

    Serait-il possible d'enlever le petit écart entre l'image fermé et le côté de la chatbox quand l'on mets aucune couleur pour le fond. Ou alors serait-il possible de mettre à la place du fond de couleur une image.

    Merci
    Denkou
    Denkou
    MasculinAge : 28Messages : 46

    Mar 22 Déc 2009 - 7:12

    Denkou a écrit:Une autres astuce pour vous dévarassez de la bar blanche sur le côté modifiez se code :

    Code:
    background-color: #ffffff

    Par le code de la couleur que vous voulez ou par

    Code:
    background-color: #none

    Pour que la bar disparaisse. Wink

    Voilà, remplace par "none".
    Jiyuu
    Jiyuu
    FémininAge : 32Messages : 1941

    Ven 8 Jan 2010 - 12:30

    Youhou j'adore Very Happy
    Merci beaucoup !
    Par contre, quand je le fais, et que donc je désactive la CB dans les modules, ben quand je clique sur "ouvrir" pour ouvrir la CB latérale il me dit : la CB n'est pas activée.
    -_-'
    Héhé, je dois faire quoi ?! Very Happy
    Merci !



    made by Redsky
    Sucker Punch

    « Et qui détient la clé qui peut nous libérer? C’est Vous. Vous avez toutes les armes en vous. Alors battez-vous ! » Sweet Pea.
    Emil
    Emil
    MasculinAge : 31Messages : 114

    Sam 9 Jan 2010 - 12:03

    Il faut que tu actives la chatbox mais tu fais en sorte de ne pas l'activé.

    Activer le chatbox "Oui"
    "Affichage de la chatbox" Ne pas afficher



    ~ Le trépas guide les actions humaines.

    ChatBox latérale (avec ou sans transition) Narutobi-fa32b52869
    Jiyuu
    Jiyuu
    FémininAge : 32Messages : 1941

    Sam 9 Jan 2010 - 14:07

    Youhuu merci beaucoup Very Happy



    made by Redsky
    Sucker Punch

    « Et qui détient la clé qui peut nous libérer? C’est Vous. Vous avez toutes les armes en vous. Alors battez-vous ! » Sweet Pea.
    Angel Kusanagi
    Angel Kusanagi
    FémininAge : 32Messages : 30

    Sam 9 Jan 2010 - 20:40

    C'est une super idée!
    Je n'y avais pas pensé.

    Merci pour le tuto ^^.



    ChatBox latérale (avec ou sans transition) AngelSigncopie
    james beckett
    james beckett
    MasculinAge : 28Messages : 27

    Dim 17 Jan 2010 - 0:09

    Merci beaucoup pour le tuto.

    Y avait quelqu'un qui voulait que la CB apparaisse partout j'ai peut-être une solution ou un bug.Sans faire exprès j'ai mis le code htlm dans le corps d'un de mes message elle a apparue.Donc est-ce normal et est-ce que tous le monde la vois,je n'ose pas envoyé le message je ne suis pas fondateur ni administrateur du message.
    Lilly
    Lilly
    FémininAge : 30Messages : 16

    Mar 16 Fév 2010 - 15:47

    Ca pourrait rendre vachement bien ! =D
    Je vais essayer.
    Tant de bonnes idées...
    Merci à toi !
    Bang
    Bang
    MasculinAge : 28Messages : 2434

    Mar 23 Fév 2010 - 17:28

    Salut,
    Je sais que j'embête avec mes questions à la con, mais serait il possible de réduire l'espace entre l'image ouvrir/fermer et le bord de la page ?

    A et aussi comment faire pour avoir un effet de "glissement" ?

    Merci =)






    OHANA
    Yujoba
    Yujoba
    MasculinAge : 29Messages : 1576

    Ven 26 Fév 2010 - 18:20

    Là, je suis hyper content^^

    je cherche des trucs pour personnaliser mon forum, et j'ai trouver ça, c'est génial, merci beaucoup^^



    ChatBox latérale (avec ou sans transition) Yujoba10

    Sign by Yosumi
    TheLoneSpirit
    TheLoneSpirit
    MasculinAge : 29Messages : 1447

    Dim 28 Fév 2010 - 10:54

    Utilisez et approuvez, merci bien Razz



    ChatBox latérale (avec ou sans transition) 5135492999340_kdotosparrow

    -- L'important n'est pas d'être fort...mais de se sentir fort. --
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 1:17