Boutons ouvri/fermer chatox lateral animé

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Sam 10 Sep 2011 - 20:26

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

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Invité le Dim 11 Sep 2011 - 11:04

Bonjour,

C'est sûrement possible en remplaçant les images que vous avez par des images gif animées.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Dim 11 Sep 2011 - 11:53

ben g essayer mais sa na pas marcher en gif

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Invité le Dim 11 Sep 2011 - 12:03

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Dim 11 Sep 2011 - 16:44






voila les animation et pour l emplacement je me suis servie de se tuto : http://forum.forumactif.com/t309533-creer-un-panneau-lateral-coulissant

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par shirabi le Dim 11 Sep 2011 - 17:24

Je vias vous expliquez:

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\
ce qui corespond aux images ouvrir et fermer:

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.

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Dim 11 Sep 2011 - 18:20

j'ai essayer le code que vous m'avez donner sa ne marche pas qui aurai une autre solution ?

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Invité le Dim 11 Sep 2011 - 18:39

Je viens d'installer vos image dans le code javascript et ça fonctionne scratch
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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Lun 12 Sep 2011 - 13:17

je vient de re essayer sa marche met des que j ouvre ma tachat box c tous blanc regarder :

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Invité le Lun 12 Sep 2011 - 13:42

Bonjour

Embarassed C'est de ma faute, j'ai testé plusieurs codes et je vous ai donné celui sans la chatbox Razz .
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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Lun 12 Sep 2011 - 17:12

c bon c parfait merci beaucoup

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Lun 12 Sep 2011 - 18:52

juste une dernière question est il possible d enlever tous se blanc ? :

Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Invité le Lun 12 Sep 2011 - 21:18

Bonsoir,

Oui c'est possible. Dans le code repérez: background-color: #ffffff et remplacez-le par background-color: none !important.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons ouvri/fermer chatox lateral animé

Message par Thais3 le Lun 12 Sep 2011 - 21:47

ok merci beaucoup c'est exactement se que je voulais


Thais3
*

Messages : 47
Inscrit(e) le : 24/08/2011

http://ekoloko.forumgratuit.org/
Thais3 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum