Bonjour / Bonsoir !
Étant donné que les Chat-box en HTML sur le côté ne fonctionne plus, je vous donne celui en javascript.
Avec ce code cela vous permettra de ::
- mettre la chat-box sur le côté de votre forum
- Avoir la chat-box sur toutes les pages (si désiré)
- La mettre à la hauteur et du côté que vous désirezCe codage est simple et rapide alors voilà comment faire ::
1. Allez dans le panneau d'administration - Module - Gestions des codes Javascript.
2. Activer la gestion des codes Javascript et créer une nouvelle page Javascript.
3. Donner un titre à la page et choisissez l'endroit où vous souhaiter voir la chat-box afficher.
4. Mettez ce code dans votre page:
- Code:
-
jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; left: 0px; z-index:1000;"><iframe src="http://tales-palace.forum-canada.com///chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 750px; height: 350px; display: none; float:left;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 233px; cursor :pointer; float:left"><img src="URL IMAGE POUR OUVRIR" id="chatboxopen"/><img src="URL IMAGE POUR FERMER" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );
5. Mettez les images de votre choix aux endroit appropriés.
6. Changer - Code:
-
<iframe src="http://tales-palace.forum-canada.com///chatbox/
par le lien de votre propre forum.
7. Voilà, vous avez votre cb !Après ça vous devriez avoir votre chat-box en bas à gauche.
- - - - - - - - - - - - - - - - - - - - -
COMMENT CHANGER LA CHAT-BOX DE PLACE ?Pour placer la chat-box à un hauteur différente, c'est très simple. Voici ce que vous devez faire ::
1. Repérez ce bout de code (Il est placé juste avant l'url de l'image pour ouvrir la CB):: - Code:
-
" style="margin-top: 233px; cursor :pointer; float:left"
2. Grâce à "margin-top: 233px;", vous allez pouvoir changer la hauteur à la quelle se situera votre CB. Plus le nombre de px sera gros, plus elle sera basse, mais plus le chiffre sera petit et plus votre chat-box sera placé haut. - - - - - - - - - - - - - - - - - - - - -
COMMENT CHANGER LA CHAT-BOX DE CÔTÉ ?Pour placer la chat-box à droite, c'est très simple. Voici ce que vous devez faire ::
1.Utilisez les touches Ctrl + F, afin de trouver tout les "left".
2. Remplacez les "left" par "right" et votre chat-box sera maintenant à la droite de votre forum.
- - - - - - - - - - - - - - - - - - - - -
Voilà, j'espère que cela vous servira !
À plus !
Accueil
Sujet: ChatBox en JavaScript by Puppy (LG)