Chatbox latérale en Spoiler CM

Admin Messages : 131 Date d'inscription : 12/07/2010 Age : 29

KETSIA a écrit:

Chatbox latérale en Spoiler =D

Niveau : Simple
Auteur : KETSIA

A quoi sa sert ? Une chatbox, c'est bête, c'est con, c'est simple. On est d'accord ? On sait pas si on préfère la mettre en haut : pas très esthétique... Ca prend trop de place. En bas... Y a jamais personne ! Eh ... Et si tu la mettait sur le côté, hein =p ?

Un peu de théorie. Pour ceux qui s'y connaisse le principe qu'il va suivre est en faite un frame. =D

Il vous faut grapher deux "boutons". l'un pour OUVRIR votre chatbox, l'autre en toute logique pour la FERMER. Héberger-les et garder précieusement ces deux URL, nous nous en servirons tout de suite après !

Pour avoir votre chatbox latérale que sur la page index, il suffit de poster le code qui suit dans votre PAGE D'ACCUEIL.

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: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="URL OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='URL OUVRIR')?'block':'none';this.src=(this.src=='URL OUVRIR')?'URL FERMER':'URL OUVRIR';"/></td></tr></table>

Changer les URL OUVRIR par l'url de votre image qui est faite pour ouvrir la chatbox.
Changer les URL FERMER par l'url de votre image qui est faite pour fermer la chatbox.

BOTTOM : 50px ; Régler l'espace entre le bas de votre page et le début de votre bouton en PX
Left : 0px, signifie qu'elle sera positionner à gauche. Si vous la désirez à droite, il suffit juste de modifier le "left" par "right".
Width c'est la largeur, et height l'hauteur. Celles-ci sont prédéfini par la frame de forumactif pour la chatbox ^^
ONCLICK= Et voilà du Javascript. Pour dire que votre Chatbox s'ouvrir en "cliquant dessus". Techniquement, si vous le changer par : "onmouseover", il devrait s'ouvrir au passage de votre curseur. [ J'ai pas testé, c'est à vérifier =D ]

Envoyer, et le tour est jouer.

Vous désirez votre Chatbox latérale, présente sur toutes les pages ?

Vous reprenez le code de tantôt.

Compte fondateur, attention.
Panneau d'adminsitration, Affichage, Templates, Général, overall_header_new.

Vous pouvez directement le mettre à la fin =D :
Rien de plus à changer =p

SI C'EST PAS GRANDIOSE CA !