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
Savoir créer une page HTML

Si ces conditions ne sont pas réunies, tu ne seras 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é, fait très attention à ne pas supprimer un élément de celui-ci!/!

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


Code:

jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 400px;" ></iframe></div></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('panneau').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. Tu y trouveras ceci:


[Tuto] ChatBox latérale sur la page d'accueil de votre forum Cb_bmp10

Tu cliques dessus, tu obtiendras ceci:

[Tuto] ChatBox latérale sur la page d'accueil de votre forum Cb2_bm10

Tu as maintenant une ChaBox latérale! Tu peux également changez les images ouvrir/fermer. Pour cela, tu peux 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./!

Source: http://beyblade-metalmaster.forumgratuit.org/t139-tuto-chatbox-laterale-sur-la-page-d-accueil-de-votre-forum