| | Chatbox sur le côté (messages) |  |
|
|
 Invité Invité
 | - October a écrit:
- J'ai bien suivi ta manipulation et, malheureusement sa ne marche pas sur mon forum : S : (
Bonsoir, Quel est le problème ? Ce ne s'affiche pas ? Est-il possible d'avoir ton code  Bonne soirée | | |
|
| | |
Lukarin 
{ Membre }
 Messages : 31
| Bonsoir =)
Alors voilà, j'ai lu pratiquement tout les messages d'ici, et je n'ai pas trouvé réponse à mon soucis. J'ai parfaitement utilisé le code de Noémiie, je l'ai placé dans le template cible pour qu'elle soit sur le côté où qu'on soit sur le forum, par contre quand je l'ouvre, elle refuse de se fermer ^^ Et dans le code de Noémiie je n'ai pas su où placer l'url de mon image "fermer" aussi (alors j'ai mis l'image d'ouvrir partout) x) Peut-être que j'ai fait une bêtise, je ne sais pas :/ C'est la toute première fois que je manipule ce genre de chose alors je doute pouvoir résoudre mon problème seule.
Voilà le code qui m'a servie de modèle: - 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: 600px; 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://i62.servimg.com/u/f62/12/22/64/81/ouvrir10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>
Et voici le mien: - Code:
-
<table style="position: fixed; bottom: 50px; left: 0px; background-color: rgb(255, 255, 255); z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0" scrolling="no"></iframe></td><td style="vertical-align: bottom;"><img src="http://img46.imageshack.us/img46/6980/ouvrirbobox.jpg" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://img46.imageshack.us/img46/6980/ouvrirbobox.jpg')?'block':'none';this.src=(this.src=='http://img46.imageshack.us/img46/6980/ouvrirbobox.jpg')?'http://img46.imageshack.us/img46/6980/ouvrirbobox.jpg':'http://img46.imageshack.us/img46/6980/ouvrirbobox.jpg';"></td></tr></tbody></table>
Merci d'avance ^^ | | |
|
| | |
Invité Invité
| Plop  J'ai testé ton code ça me fait la même chose Essaie plutôt celui-ci: - 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: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="IMAGE_OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='IMAGE_OUVRIR')?'block':'none';this.src=(this.src=='IMAGE8OUVRIR')?'IMAGE_FERMER':'IMAGE_OUVRIR';"/></td></tr></table> A placer dans ton template ou alors plus simplement à la fin de ton message d'accueil | | |
|
| | |
Lukarin
{ Membre }
Messages : 31
| Nickel merci beaucoup ^^
Hum, je ne veux pas être chiante, mais pourrais-je savoir d'où venait le problème? Je n'aime pas vraiment me contenter que ça marche sans savoir comment xD Et puis avec un peu de chance je me débrouillerais mieux si je sais au moins ça ^^ | | |
|
| | |
October
{ Membre }
Messages : 6
| |
| | |
Invité Invité
| Plop =D Super, d'où venait le problème October ? | | |
|
| | |
Panda
{ Membre }
 Messages : 8
| Petite question : peut-on afficher n'importe quel i frame de cette manière ? Voici le code que j'essaie de mettre comme la chatbox : - Code:
-
<iframe frameborder="1" width="800px" height="200px" scrolling="auto" src="http://www.livexscores.com/free.php?p=0&style=xeee,x006699,x000,xaaa,xc00,x006699,xfff,xddd,xc00,verdana,11,xeee,xfff,xfff,468,c00">Your browser doesn't support iframe.</iframe> C'est un livescore de football, pour suivre les matchs en direct puisque je suis pronostiqueur sportif (amateur  ). Merci. | | |
|
| | |
loulou49
{ Membre }
Messages : 13
| coucou sur mon forum sa marche pas ^^ j'ai mis sa dans ma page accueil mais rien ne ce passe , j'ai pas de chatbox sur le coté =( - 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: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="IMAGE_OUVRIR" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png')?'block':'none';this.src=(this.src=='http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png')?'http://i66.servimg.com/u/f66/15/16/76/99/fermer11.png':'http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png';"/></td></tr></table> Problème résolu quel cruche j'avais oublié un lien et la couleur =) | | |
|
| | |
Invité Invité
| Plop =D Il te manquait tout simplement un lien pour le premier "IMAGE OUVRIR". Voici le code que tu dois insérer: - 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: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png')?'block':'none';this.src=(this.src=='http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png')?'http://i66.servimg.com/u/f66/15/16/76/99/fermer11.png':'http://i66.servimg.com/u/f66/15/16/76/99/ouvrir13.png';"/></td></tr></table> Si tu as besoin d'aide pour personnaliser je suis à ta disposition ;D | | |
|
| | |
Panda
{ Membre }
Messages : 8
| Bonsoir tout le monde, je suis arrivé à faire ce que je voulais.
Nickel... | | |
|
| | |
DramaDream
{ Membre }
Messages : 10
| Comment changer le fond d'écran de la Chat Box s'il vous plaît?
Bisou,
Yumi | | |
|
| | |
Piitch
{ Membre }
Messages : 52
| Bonjour moi j'ai une questions le code marche bien et merci mais la chatbox s'affiche a gauche et je voudrais qu'elle soit a droite .
Merci d'avance | | |
|
| | |
Panda
{ Membre }
Messages : 8
| Bonsoir: <table style="position: fixed; bottom: 50px; [b]left:[/b] Tu remplaces left par right dans le code. | | |
|
| | |
Piitch
{ Membre }
Messages : 52
| |
| | |
Ki Liam.*
{ Membre }
Messages : 37
| Le code marche super bien ^^
Mais est ce qu'il y a un moment pour que l'image de fond ne soit pas le fond du forum ?
Curiosité surtout x)
Merci ^^ | | |
|
| | |
Invité Invité
| |
| | |
Kanami-Kawaii
{ Membre }
Messages : 87
| Ce tutoriel est génial, depuis le temps que je cherchais comment mettre la chatbox sur le côté! C'est tout simple, merci beaucoup  | | |
|
| | |
Yuuriko
{ Membre }
Messages : 3
| Coucou :) Déjà, merci pour le tutoriel ♥ Mais j'ai un problème et j'aurais besoin d'aide... J'ai positionné ma ChatBox à droite et fermer, cela marche très bien mais, voila ce que ça donne ouverte : - Spoiler:
Je voudrais que le Close soit à gauche lorsque la ChatBox s'ouvre mais je n'y arrive pas >. < ! Voici mon code : - Code:
-
<!-- BEGIN switch_legend --> <table style="position: fixed; bottom: 50px; right: -6px;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 700px; height: 350px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"> <img src="http://img411.imageshack.us/img411/8038/openy.png" onClick="document.getElementById('chatboxpop') .style.display=(this.src=='http://img411.imageshack.us/img411/8038/openy.png')?'block':'none'; this.src=(this.src=='http://img411.imageshack.us/img411/8038/openy.png')?'http://img143.imageshack.us/img143/1094/closem.png':'http://img411.imageshack.us/img411/8038/openy.png';"/></td></tr></table> <br clear="all" /> <!-- END switch_legend --> | | |
|
| | |
Didou
{ Membre }
Messages : 11
| Cool merci j'ai enfin compris ^^ c'est pas trop tôt lol Mais par contre j'ai une question pour Noémiie En fait j'aurais voulu remplacer l'image de Noémiie ouvrir/fermer par deux images qui sont celle-ci   J'ai eu beau essayer, mais soit ça ne veut plus s'ouvrir, ou alors j'ai une image et pas l'autre. Pouvez-vous m'aider? | | |
|
| | |
Piitch
{ Membre }
Messages : 52
| Moi aussi quand je change les images sa me fait un truc tout bizarre MDR | | |
|
| | |
Invité Invité
| Bonjour,
J'ai également utilisé le code présenté en première page et celui qui va dans les templates. J'ai réussi, tout est bon, mais j'aimerai comprendre comment on peut faire pour que l'ouverture et la fermeture de celle-ci soit moins brute. Je souhaiterai qu'elle glisse comme lors d'un défilement.
Merci, | | |
|
| | |
SoShy
{ Membre }
Messages : 13
| Merci pour ce code, il rend bien mais je souhaiterais la même chose qu'Hopiness ... | | |
|
| | |
Piitch
{ Membre }
Messages : 52
| J'ai changer les boutons mais quand je clique dessus sa bouge pas alors que avant si --" - Code:
-
<table style="position: fixed; bottom: 50px; right: 0px;background-color: #FFFFFF;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 600px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://img257.imageshack.us/img257/935/openwmp.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img257.imageshack.us/img257/935/openwmp.png')?'block':'none';this.src=(this.src=='http://img257.imageshack.us/img257/935/openwmp.png')?'http://img709.imageshack.us/img709/7038/closewmp.png:'http://img257.imageshack.us/img257/935/openwmp.png';"/></td></tr></table> Mes boutons : https://2img.net/r/ihimizer/img709/7038/closewmp.png https://2img.net/r/ihimizer/img257/935/openwmp.png | | |
|
| | |
Piitch
{ Membre }
Messages : 52
| Je me permet de Uper car c'est assez embêtant que je n'y arrive pas x) | | |
|
| | |
Liam
{ Membre }
Messages : 12
| Salut,
Sa ne marche pas pour moi, j'ai du faire une erreur mais laquelle ^^"
Je n'ai pas l'icône de la cb sur le côté de mon forum.
"Finalement j'ai l'icône mais ça fonctionne un coup sur deux. En faite si je ne fait pas un passage sur la PA ça fonctionne pas. | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Chatbox sur le côté (messages) | |
|
