Partagez | 
 

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

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

Murtagh

Doyen

Bons Points (BP) : 710
MessageSujet: [ForumActif]ChatBox sur toutes les pages/sur la première page   Mer 28 Avr - 15:40

Dernière édition par Murtagh le Ven 14 Mai - 17:20, édité 3 fois
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é.
___________________




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

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Un Signal pour la ChatBox
» [Résolu] Sécuriser un document dans Word 2003
» Nouvelle interface Bbox, toujours rien ?
» Changer le "Session timeout"
» Fenêtres qui s'ouvrent toutes seules sur internet sous IE et Mozzilla

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage-
Sauter vers:  
Espace Admin du site

©2008-2016 - School Of Progress - Toute reproduction totale ou partielle est interdite.
Design réalisé par Mewyn - Forum hébergé par forumactif.com

Les logos des SoPiens

Nos correspondants