Boutons ouvri/fermer chatox lateral animé
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Boutons ouvri/fermer chatox lateral animé
Bonjours j'aimerais savoir s'il est possible de mettre des bouton ouvrir/fermer danimé sur ma tchatbox latérale je n'en est encore pas vu et j'aimerais savoir si c possible
cordialement Thais
cordialement Thais
Re: Boutons ouvri/fermer chatox lateral animé
Bonjour,
C'est sûrement possible en remplaçant les images que vous avez par des images gif animées.
Cordialement
C'est sûrement possible en remplaçant les images que vous avez par des images gif animées.
Cordialement
Invité- Invité
Re: Boutons ouvri/fermer chatox lateral animé
ben g essayer mais sa na pas marcher en gif
Re: Boutons ouvri/fermer chatox lateral animé
Ok,
Donc , il me faudrait plus d'informations, vous voulez quel genre d'animation sur vos boutons ouvrir et fermer? Quel est le code de votre chatbox latéral et où est-il placé?
Cordialement.
Donc , il me faudrait plus d'informations, vous voulez quel genre d'animation sur vos boutons ouvrir et fermer? Quel est le code de votre chatbox latéral et où est-il placé?
Cordialement.
Invité- Invité
Re: Boutons ouvri/fermer chatox lateral animé
voila les animation et pour l emplacement je me suis servie de se tuto : https://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant
Re: Boutons ouvri/fermer chatox lateral animé
Je vias vous expliquez:
Vous avez pris l'un de ces deux codes:
Pour à gauche:
ou
Pour à droite:
Dans ces deux codes vous avez ceci:
Il vous suffit de remplacer toutes ces url par ceux de votre gif.
Ce qui vous donnera ça:
Pour à gauche:
et
Pour à droite:
Mais je ne suis pas sûr que ça marche avec des gif.
Vous avez pris l'un de ces deux codes:
Pour à gauche:
- 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>'); } );
ou
Pour à droite:
- Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 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>'); } );
Dans ces deux codes vous avez ceci:
- Code:
http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\ et http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png\
- Spoiler:
Il vous suffit de remplacer toutes ces url par ceux de votre gif.
- Code:
http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif
http://i44.servimg.com/u/f44/16/54/99/60/fermer11.gif
Ce qui vous donnera ça:
Pour à gauche:
- 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://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif')?\'http://i44.servimg.com/u/f44/16/54/99/60/fermer11.gif':\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif';"/></td></tr></table>'); } );
et
Pour à droite:
- Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 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://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif')?\'http://i44.servimg.com/u/f44/16/54/99/60/fermer11.gif':\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif';"/></td></tr></table>'); } );
Mais je ne suis pas sûr que ça marche avec des gif.
Re: Boutons ouvri/fermer chatox lateral animé
j'ai essayer le code que vous m'avez donner sa ne marche pas qui aurai une autre solution ?
Re: Boutons ouvri/fermer chatox lateral animé
Je viens d'installer vos image dans le code javascript et ça fonctionne
Cordialement.
- 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">TXT</div></td><td style="vertical-align: bottom;"><img src="http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\')?\'http://i44.servimg.com/u/f44/16/54/99/60/fermer11.gif\':\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\';"/></td></tr></table>'); } );
Cordialement.
Invité- Invité
Re: Boutons ouvri/fermer chatox lateral animé
Bonjour
C'est de ma faute, j'ai testé plusieurs codes et je vous ai donné celui sans la chatbox .
Celui-ci devrait être mieux:
Cordialement.
C'est de ma faute, j'ai testé plusieurs codes et je vous ai donné celui sans la chatbox .
Celui-ci devrait être mieux:
- 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://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\')?\'block\':\'none\';this.src=(this.src==\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\')?\'http://i44.servimg.com/u/f44/16/54/99/60/fermer11.gif\':\'http://i44.servimg.com/u/f44/16/54/99/60/ouvrir10.gif\';"/></td></tr></table>'); } );
Cordialement.
Invité- Invité
Re: Boutons ouvri/fermer chatox lateral animé
c bon c parfait merci beaucoup
Re: Boutons ouvri/fermer chatox lateral animé
Bonsoir,
Oui c'est possible. Dans le code repérez: background-color: #ffffff et remplacez-le par background-color: none !important.
Cordialement
Oui c'est possible. Dans le code repérez: background-color: #ffffff et remplacez-le par background-color: none !important.
Cordialement
Invité- Invité
Re: Boutons ouvri/fermer chatox lateral animé
ok merci beaucoup c'est exactement se que je voulais
Sujets similaires
» Problème avec boutons Ouvrir/Fermer chatbox latérale
» Faire d'une chat box latéral une vidéo latéral
» Panneau latéral + chatbox latéral
» [Administration] Boutons liens texte plutot que boutons images dans les pages de sujet
» Commande de boutons (New, Old et Lock + boutons des sujets) pour Panoh
» Faire d'une chat box latéral une vidéo latéral
» Panneau latéral + chatbox latéral
» [Administration] Boutons liens texte plutot que boutons images dans les pages de sujet
» Commande de boutons (New, Old et Lock + boutons des sujets) pour Panoh
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum