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.


    [HTML] ChatBox latéral

    Partagez
    Denkou
    MasculinAge : 20Messages : 46

    le Mer 16 Déc 2009 - 11:21

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

    Spoiler:

    Pour cela, allez dans P.A > Affichage > Generalité et dans le fenêtre Htlm inserer se code :

    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>



    Pour personaliser :

    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: 690px; height: 390px; 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 L'IMAGE OUVRIR')?'block':'none';this.src=(this.src=='ADRESSE DE L'IMAGE OUVRIR')?'ADRESSE DE L'IMAGE FERMEE':'ADRESSE DE L'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.


    Dernière édition par Denkou le Mer 16 Déc 2009 - 11:41, édité 1 fois
    Okhmhaka
    FémininAge : 31Messages : 31718

    le 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



    Denkou
    MasculinAge : 20Messages : 46

    le Mer 16 Déc 2009 - 11:43

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

    le Mer 16 Déc 2009 - 21:40

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



    Denkou
    MasculinAge : 20Messages : 46

    le 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-
    MasculinAge : 19Messages : 613

    le Jeu 17 Déc 2009 - 17:32

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



    Le japon ... est un art


    Shigeru
    MasculinAge : 22Messages : 1497

    le Ven 18 Déc 2009 - 13:21

    Merci du tuto' =D



    Duivel
    MasculinAge : 27Messages : 104

    le Ven 18 Déc 2009 - 16:06

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

    le Sam 19 Déc 2009 - 18:04

    Merci du tuto, les membres adorent ^^



    #_Crash
    FémininAge : 21Messages : 129

    le 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 !

    Denkou
    MasculinAge : 20Messages : 46

    le Lun 21 Déc 2009 - 5:55

    De rien.
    Duivel
    MasculinAge : 27Messages : 104

    le 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
    MasculinAge : 20Messages : 46

    le 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
    MasculinAge : 27Messages : 104

    le 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 ^^
    Silver Fangs
    MasculinAge : 23Messages : 307

    le 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






    ► Pilote de l'Atlantis ◄
    Denkou
    MasculinAge : 20Messages : 46

    le 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
    FémininAge : 25Messages : 1941

    le 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
    MasculinAge : 24Messages : 114

    le 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.

    Jiyuu
    FémininAge : 25Messages : 1941

    le 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
    FémininAge : 25Messages : 30

    le Sam 9 Jan 2010 - 20:40

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

    Merci pour le tuto ^^.



    james beckett
    MasculinAge : 21Messages : 27

    le 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
    FémininAge : 23Messages : 16

    le Mar 16 Fév 2010 - 15:47

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

    le 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
    MasculinAge : 21Messages : 1576

    le 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^^





    Sign by Yosumi
    TheLoneSpirit
    MasculinAge : 28Messages : 1447

    le Dim 28 Fév 2010 - 10:54

    Utilisez et approuvez, merci bien Razz





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

    Aujourd'hui à 23:07


      La date/heure actuelle est Jeu 8 Déc 2016 - 23:07