School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Xooit] ChatBox latérale

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44273
Age: 24
Localisation: Lille
$ops: 21186
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

SoP Story

Des mises en scènes
photographiques.
Quelle équipe a
l'Oeil du photographe ?
»»Vous choisissez !««

 
MessageSujet: [Xooit] ChatBox latérale   Mar 15 Nov - 10:46

Bonjour à tous ^^

Ici, nous allons voir comment mettre la Chatbox sur toutes les pages du forum.

NB : Ce tutoriel est une adaptation du tutoriel que Murtagh a réalisé pour les forums sous FA [clic]

Idea Pré-requis :
  • Avoir accès aux templates du forum
  • Avoir quelques connaissances en HTML & CSS


ChatBox latérale sur la page d'accueil de votre forum



1/ On ne change absoluement pas le contenu du template "chat"

2/ On va copier coller le code suivant dans PA >> Général >> Message d'en-tête (vous devez être en mode éditeur : Off)

Code:
<table style="position: fixed; bottom: 40px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://forum/chat2.php" id="chatboxpop" scrolling="no" style="width: 1150px; height: 350px; 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>


Idea N'oubliez pas de remplacer http://forum/ par le lien de votre forum.
Idea Et n'hésitez pas à changer les images
-> http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png :: ouvrir la CB
-> http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png :: fermer la CB

3/ Ensuite, il ne vous reste plus qu'à "supprimer" la CB en faisant : PA >> général >> Chat >> Activer le chat : non

ChatBox latérale sur toutes les pages de votre forum



1/ On ne change absoluement pas le contenu du template "chat"

2/ On va ouvrir le template "Overall_header"

3/ On repère ça

Code:
<a name="top"></a>


et on va copier coller juste après ceci :

Code:
<table style="position: fixed; bottom: 40px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="http://forum/chat2.php" id="chatboxpop" scrolling="no" style="width: 1150px; height: 350px; 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>


Idea N'oubliez pas de remplacer http://forum/ par le lien de votre forum.
Idea Et n'hésitez pas à changer les images
-> http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png :: ouvrir la CB
-> http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png :: fermer la CB

3/ Ensuite, il ne vous reste plus qu'à "supprimer" la CB en faisant : PA >> général >> Chat >> Activer le chat : non




Des questions ? C'est par [ici]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

[Xooit] ChatBox latérale

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Tutoriels :: Informatique :: Gestion d'un forum-


Aller en haut
Aller en bas