Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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.
avatar

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 : https://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.
avatar

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.
avatar

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.
avatar

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
avatar

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