Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120481 Chat box rétractable | | Coucou Un chat sur le coté de votre forum: Javascript: Cocher : toutes les pages - 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="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'block\':\'none\';this.src=(this.src==\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\')?\'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png\':\'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td></tr></table>'); }); Les images "fermer" et "ouvrir", tu peux les remplacer par les tiennes. Personnaliser son tchat; les couleurs, la police CSS: - Code:
-
/*CHATBOX*/ #cb, body{-webkit-transition:margin 2s ease, right 2s ease; transition:margin 2s ease, right 2s ease;} #cb{height:100%; position:fixed; right:-350px; bottom:0; z-index: 999;}
body.chatbox{ font-family:'sans-serif';/*police*/ font-weight:200;/*epaisseur police(normal:enlever la ligne)*/ } #chatbox_footer, #chatbox_footer .catBottom{height:60px !important;background-color:#C4FF6B; /*couleur du bas de la cb*/} #chatbox_header{width:100%; position:absolute;background-color:#C4FF6B; /*couleur du haut de la cb*/} .chatbox_row_2{background: #F0F0F0; /*couleur de la rangée message foncée*/} .chatbox_row_1, #chatbox{ background:#FFFFFF;/*couleur du fond de la cb et de la rangée message claire*/} #chatbox_members{width:100%; height: 50px;border:none; background-color:#68BF56 !important;/*couleur de fond de la partie membres en ligne*/ color:white;/*couleur du texte*/}
/*phrases de connexion et déconnexion*/ .msg span[style*="green"] strong{color:#68BF56; font-variant:small-caps; font-weight:normal;} .msg span[style*="red"] strong {color:black; font-variant:small-caps; font-weight:normal;}
/*remplacer le titre de la chatbox*/ #chatbox_header .cattitle strong { display: none; } #chatbox_header .cattitle:before {content:"Discussions ♪♫";font-weight:200}
/*affichage des avatars*/ #chatbox .cb-avatar > img { height: 66px !important; width: 30px !important;} #chatbox .cb-avatar { float: left; margin-right: 4px; background-color:white; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); height: 40px !important; width: 30px; vertical-align: middle; overflow:hidden !important; }
/*Ne pas toucher*/ .chatbox td.catBottom{border:none !important;} #chatbox{top:80px; left:0; bottom:50px;} #chatbox_header .catBottom{height:30px;} .chatbox_row_2, .chatbox_row_1{margin:5px 4px 4px; border-radius:2px; box-shadow: inset 0px 0px 30px 0px #EFEFEF;} .text-styles td{vertical-align:top;} .chatfootertable{display:block;width:100%; top:13px; position:relative;} .text-styles td:last-child{display: block !important; position:absolute;right:10px; top:-27px;height:20px;} .text-styles td:last-child label{display: none;}
.away-users li{display:inline;font-weight:400 !important;color:white !important;} body.chatbox strong{font-weight:400; font-variant:small-caps;letter-spacing:1px;} #chatbox .date-and-time {font-size:9px;} #chatbox_members .member-title{color:white;font-weight:400;font-variant:small-caps;} #chatbox > p {border-bottom: 1px solid #d5dde5;}
/*bouton de la chatbox*/ .bouton{ -moz-box-sizing:border-box; box-sizing:border-box; text-align:center; color:#FFFFFF;/*couleur du texte*/ padding:5px 10px; border-radius:2px; border:none; font: 600 20px 'Amatic SC';/*police*/ letter-spacing:2px;/*espacement des lettres*/ text-shadow:0 1px 0 green;/*ombre du texte*/ background-color:#68BF56;/*couleur de fond*/ box-shadow: 0px 3px 0px 0px #3D992B;/*ombre*/ -webkit-transition: background 0.2s ease; transition: background 0.2s ease-in-out; } .bouton:hover {background-color: #54B341;/*couleur de fond au survol de la souris*/} .bouton:active {box-shadow: 0px 1px 0px 0px #3D992B;padding-top:6px; padding-bottom:4px;}/*au moment du clic*/ |
| |
MumuGraphMembre Messages : 52 Venue : 21/04/2021 Je suis : Age : 60 Je vie à : France Humeur : Bonne Mes Points : 21928 Re: Chat box rétractable | | coucou ma belle j'ai voulu installer la chatbox, elle s'affiche bien, mais on ne peut rien écrire [Vous devez être inscrit et connecté pour voir cette image]est-ce que j'ai loupé quelque chose ? Et quand j'active la chatbox, je l'ai en double ..... |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120481 Re: Chat box rétractable | | Coucou Mumugraph
ChatBox -- Configuration -- Affichage de la Chatbox.
Si tu l'as en double, à tu déjà installer une chatbox?
Bisouss |
| |
MumuGraphMembre Messages : 52 Venue : 21/04/2021 Je suis : Age : 60 Je vie à : France Humeur : Bonne Mes Points : 21928 Re: Chat box rétractable | | coucou
j'ai enlevé la chatbox dans affichage
mais je peux toujours pas écrire de message dans la tienne
biz |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120481 Re: Chat box rétractable | | Coucou Regarde je viens de tester sur mon forum de test et j'ai pas de soucis [Vous devez être inscrit et connecté pour voir cette image]Je peux pas t'aider plus, j'ai plus accès à ton forum de test Bisouss |
| |
MumuGraphMembre Messages : 52 Venue : 21/04/2021 Je suis : Age : 60 Je vie à : France Humeur : Bonne Mes Points : 21928 Re: Chat box rétractable | | C'est pas grave ma belle je l'ai enlevé, merci bisous |
| |