.O'wee Out Of C0NTR0L ♥
Messages : 1709 Date d'inscription : 11/05/2010 Age : 30 Logiciels : PS Element 7. Humeur : Almost Good. :D Pixel Ou Shop? : Pixeeel. ♥
| Sujet: La Chatbox sur le côté Jeu 30 Déc - 3:24 | |
| CHATBOX SUR LE CÔTÉPar DisneyLee Je vais vous montrer comment faire une chatbox latérale, ça veut dire que votre chatbox sur le côté gauche du forum & qu'avec l'appuie d'un bouton il glissera selon vos désires. Voilà le code CSS, vous devez le mettre dans; Panneau d'administrateur - Administration - Le menu à gauche - Page d'accueil - Généralité. Vous devez coller le code dans l'espace blanc. Le premier code donner est le code avec des boutons déjà intégrés, le code suivant est le code sans bouton. Cela veut dire que vous devrez créer les vôtres & cela veut aussi dire que vous devrez avoir un minimum de talent dans le graphisme. - Code:
-
<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> - Code:
-
<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: 690px; height: 390px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="ADRESSE DE L'IMAGE OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='ADRESSE DE L'IMAGE OUVRIR')?'block':'none';this.src=(this.src=='ADRESSE DE L'IMAGE OUVRIR')?'ADRESSE DE L'IMAGE FERMEE':'ADRESSE DE L'IMAGE OUVRIR';"/> </td></tr></table> J'espère que ce tutoriel vous sera utile, si vous avez des questions ne vous gênez pas. (: Merci à DisneyLee de nous avoir soumis ce tutoriel. |
|