 | | Sujet: Chatbox latérale coulissante (Js) Sam 3 Déc - 9:11 | |
|
Chatbox Latérale Coulissante
Hey 
Voici une astuce très simple pour mettre une chatbox coulissante à gauche ou à droite de votre forum I) Créons une page Js !
• Pour installer la chatbox coulissante, il faut aller dans le PA => Modules => HTML & Javascript => Gestions des codes javascripts
• Après cela, cliquez sur "Créer un nouveau javascript".
• Vérifiez que le js est activé sur toutes les pages en cochant la case "Sur toutes les pages"
II) Passons au code
• Copiez collez ce code dans vote page javascript:| Code: | jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="http://enchanted-academie.forumgratuit.be//chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://nsa28.casimages.com/img/2011/11/11//111111071728223217.png" id="chatboxopen"/><img src="http://nsa28.casimages.com/img/2011/11/11//111111071814124751.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } ); |
• Pour que la chatbox se trouve à gauche, il vous suffit de remplacer le "right" avant la balise iframe par "left"
III) Conseils_________________
| Mes cadeaux de Noël: | | |
Je ne sais pas trop quoi te dire alors... euh... Ce kit que tu m'as fait est trop magnifique *-* Non sérieusement je l'aime mais je t'adore aussi toi en tant que personne et toutes les fois où on a flooder comme des malades sur le Lycée-Virtuel <3
Merci Sin ♥
Coucou !
Tu es une co-admin en or, une graphiste intélligente et une excellente codeuse ! Mais, surtout, une amie en or. Merci de ton aide sur le Lycée-Virtuel. Je t'aime beaucoup, Joyeux noël !
C'est trop gentil, merci Jenichou ♥
Et merci à Ozmagoray ♥
|
|
|
| | Sujet: Re: Chatbox latérale coulissante (Js) Lun 5 Mar - 15:17 | |
| Attention de ne pas oublier de changer le iframe | Code: | <iframe src="http://enchanted-academie.forumgratuit.be//chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe |
C'est l'adresse de votre forum qu'il faut mettre à la place de
| Code: | http://enchanted-academie.forumgratuit.be/chatbox/index.forum |
|
|
