Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

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

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

Invité

avatar
Invité
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:




Tu cliques dessus, tu obtiendras ceci:



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

Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 1]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum