PixelShop
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

Partagez | 
 

 La Chatbox sur le côté

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
.O'wee
Out Of C0NTR0L ♥
.O'wee

Féminin Messages : 1709
Date d'inscription : 11/05/2010
Age : 30
Logiciels : PS Element 7.
Humeur : Almost Good. :D
Pixel Ou Shop? : Pixeeel. ♥

La Chatbox sur le côté Empty
MessageSujet: La Chatbox sur le côté   La Chatbox sur le côté Icon_minitimeJeu 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. I love you

Revenir en haut Aller en bas
https://pixelshop.forumactif.com
 

La Chatbox sur le côté

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
PixelShop ::  :: • Ehhh ... CSS & HTML?!-
Sauter vers: