Header

Partagez | 

[Xooit] ChatBox latérale

Message Sujet: [Xooit] ChatBox latérale   Mar 15 Nov - 11:46

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur
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




Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].
Revenir en haut Aller en bas
[Xooit] ChatBox latérale
Page 1 sur 1
 Sujets similaires
-
» Chatbox latérale coulissante (sans template)
» Chatbox latérale
» Installer une ChatBox latérale
» Chatbox latérale
» Chatbox latérale coulissante
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens