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

Date d'inscription: 15/04/2010

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.

Avoir accès au PA

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:

Connexion au PA

Affichage

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:

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.

Avoir accès au PA

Connaissance minimale en codage

Savoir créer une page HTML

La pratique,

Vous commencez par créer une page HTML,

Panneau d'administration

Module

Gestion des pages HTML

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/chatbox.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,

Général

Configuration

Description du site

Vous ajoutez ce code:

Code:

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

[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici]

_________________

- Votez pour Mewyn & Murtagh et TAPEZ 6 -
.oO Nazguls de S'Story Oo.