Chatbox latérale

[mickaR8]

Bonsoir à tous, j'ai une simple question, comment mettre la chatbox sur le côté du forum?
Car j'ai des amis qui ont créé un forum ici et eux ils y accédent sur le côté...

Cordialement

[yoyolebg]

Bonsoir,

PA > Modules > Gestion des widgets du forum et il aura la ChatBox

Il faut que tu le glisse et active tes widget.

Et n'oublie pas de cliquer sur  

[mickaR8]

Oki doki je m'en occupe j'te tien au courant!!!

[yoyolebg]

D'accord ^^

[mickaR8]

Bonjour, je viens de tester, c'est pas exactement se que je recherche, je veux que la chatbox soit sur le coté de la fenettre du navigateur, sur celle que mes amis elle et marquer: OUVRIR vous voyez ce que je dit?

[yoyolebg]

µNon, vous pouvez mettre une capture d'écran s'il vous plaît

[mickaR8]

Je le ferait à midi

[mickaR8]

Voici l'image en question:

[Tech]

Bonsoir,

Ce tutoriel répondra à vos attentes : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Cordialement.

[mickaR8]

bonsoir, je doit avoir un problème avec les CSS sa ne fonctionne pas...

[Shashy]

Avez-vous essayé d'utiliser le générateur qui est à la fin du tutoriel ?

Il suffit ensuite d'ajouter le script dans une page javascript en cochant "sur toutes les pages" puis ajouter le code CSS dans votre feuille de style CSS.

P.S: Espacez votre code CSS des autres. C'est très important !

[alissad]

Si nous regardons bien,

Nous pouvons voir qu'il ne faut rien mettre dans le CSS

Vous allez, comme dit, dans "PA --> Modules --> Gestions des codes Javascript".

Vous cliquez en bas de vos codes actuels, sur "créer un code javascript.

Vous cochez "Sur toutes les pages".

Ensuite vous copier/coller ce code:

Code:

        jQuery(document).ready(function () {
            jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').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>');
        });

N'oubliez pas d'enregistrer !

Cordialement.

[mickaR8]

Merci!!! Sa à marcher!!! Quel efficacité sur FA!!! Je clos en résolu!!!