Header
Partagez | 

[ForumActif]ChatBox sur toutes les pages/sur la première page

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Murtagh

Doyen
Bons Points (BP) : 710
Voir le profil de l'utilisateur

Message Sujet: [ForumActif]ChatBox sur toutes les pages/sur la première page   Mer 28 Avr - 15:40

Bonjour,

Je remarque qu'il y a de plus en plus de forums qui souhaitent avoir leur ChatBox de façon latérale. Il y a deux façon pour le faire, la seconde plus difficilement réalisable, bien qu'elle sont toutes deux de niveau basique. Wink

Citation :
Je commence par le premier tutoriel:
ChatBox latérale sur la page d'accueil de votre forum


Pour cette première utilisation, voici les conditions ,avant de réaliser ce tutoriel, la seconde n'est pas obligatoire mais est préférable pour ne pas faire de fausses manipulations.

Arrow Avoir accès au PA
Arrow Connaitre un minimum le codage

Si ces conditions ne sont pas réunies, vous ne serez pas apte à réaliser ce tutoriel.

Maintenant, la pratique:

Arrow Connexion au PA
Arrow Affichage
Arrow Généralité

/!\Si vous avez déjà un message dans généralité, faites très attention à ne pas supprimer un élément de celui-ci!/!\

Dans généralité, placez ce code:

Code:
<table style="position: fixed; bottom: 40px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front&" 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>

Une fois celui-ci mis, retournez sur la page d'accueil de votre forum. Vous y trouverez ceci:

Vous cliquez dessus, vous obtiendrez ceci:


Vous avez maintenant une ChaBox latérale! Smile Vous pouvez également changez les images ouvrir/fermer. Pour cela, vous pouvez changer les éléments suivants:

Code:
[table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"][tr][td][/td][td style="vertical-align: bottom;"][img]http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png[/img][/td][/tr][/table]


/!\Faites très attention aux \\"'\\" devant les liens des images, sans cela, votre ChatBox ne s'ouvrira pas./!\

Voici le second tuto! Wink

Citation :
ChatBox latérale sur toutes les pages de votre forum


Pour cette première utilisation, voici les conditions ,avant de réaliser ce tutoriel, la seconde n'est pas obligatoire mais est préférable pour ne pas faire de fausses manipulations.

Arrow Avoir accès au PA
Arrow Connaissance minimale en codage
Arrow Savoir créer une page HTML

La pratique,

Vous commencez par créer une page HTML,

Arrow Panneau d'administration
Arrow Module
Arrow Gestion des pages HTML
Arrow Créer une page HTML

Choisissez un titre qui vous convient, puis collez le code suivant:

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; 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>'); } );

Vous cochez Non, et Non.

Ensuite,

Arrow Général
Arrow Configuration
Arrow Description du site

Vous ajoutez ce code:

Code:
<script type=text/javascript src=/-h2.htm></script>

Vous devez modifier le "2" par le N° de votre page HTML, il est indiqué juste à côté du titre.

Ensuite, vous aurez votre ChatBox sur toutes les pages de votre forum. Vous pouvez, là aussi, modifier les images de la même façon que la précédente.

J'espère que ce tutoriel vous sera utile.

Cordialement Wink

Fautes d'orthographes corrigées par TicTac. Merci à lui! Smile




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].

Je soussignée, Murtagh,  accepte qu'un directeur reposte le tutoriel "[ForumActif]ChatBox sur toutes les pages/sur la première page" tel que je l'ai rédigé.


Dernière édition par Murtagh le Ven 14 Mai - 17:20, édité 3 fois
Revenir en haut Aller en bas




Merci Ezio ! Je ne sais si je dois me sentir flatté ou humilié. -r-
[ForumActif]ChatBox sur toutes les pages/sur la première page
Page 1 sur 1
 Sujets similaires
-
» Un Signal pour la ChatBox
» [Résolu] Sécuriser un document dans Word 2003
» Un livre avec les pages qui tournent
» Nouvelle interface Bbox, toujours rien ?
» Changer le "Session timeout"
Réponse rapide

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