Mettre le bouton open à gauche et la barre en bas.

Page 1 sur 2 1, 2  Suivant

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

Résolu Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mar 9 Avr 2013 - 17:15

J'arrive à voir la fenêtre coulisante mais, j'aimerais bien la voir au millieu de ma page, j'ai utilisé ce code.

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: 765px; 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>'); } );

Le code normal.
Pouvez-vous m'aider svp.


Dernière édition par supergogetass4 le Dim 12 Mai 2013 - 13:20, édité 4 fois

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Kinotto le Mer 10 Avr 2013 - 16:38

Bonjour,

Essayez d'englober votre actuel code html par ceci :
Code:
<div align="center"></div>

Cordialement

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 10 Avr 2013 - 18:28

Non, ça ne marche pas, lorsque je mets le code, la fenêtre latéral disparaît.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Kinotto le Jeu 11 Avr 2013 - 19:33

Bonsoir,

Pouvez-vous exposer une capture d'écran svp ?
Cordialement

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 12 Avr 2013 - 20:45

==>

==>

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Dim 14 Avr 2013 - 17:20

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par spip le Dim 14 Avr 2013 - 18:41

Il faut jouer avec la propriété bottom.



spip
*

Masculin
Messages : 39
Inscrit(e) le : 05/12/2006

http://www.saintseiyamythdreams.com/
spip a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mar 16 Avr 2013 - 17:52

Il faut que je mette quoi comme code dans la propriété bottom?

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Arlem le Mar 16 Avr 2013 - 18:15

Bonsoir,

Remplacez :
Code:
bottom: 50px;
Par :
Code:
bottom: 45%;

Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 17 Avr 2013 - 17:41

Merci, c'est résolu mais, ce n'est pas possivle de mettre la chatbox vers le bas et pas vers le haut?


supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 19 Avr 2013 - 18:41

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Sam 20 Avr 2013 - 18:33

Je veux ça en fait :

ChatBox actuelle :

Résultat de la ChatBox :

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Dim 21 Avr 2013 - 20:13

up

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Jeu 25 Avr 2013 - 9:21

up

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 26 Avr 2013 - 17:17

up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Ven 26 Avr 2013 - 18:15

Bonsoir

comme dit plus haut, il faut jouer avec la propriété bottom (10px ou 20px)

Mais ça n'a plus rien à voir avec le titre du topic qui demande de centrer la fenêtre coulissante

Bonne soirée

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par AenigmA le Ven 26 Avr 2013 - 18:28

Bonsoir,
Essaie donc top: 45%;
Elle sera un peu plus décalée
Mais en général on la met plus bas car tous les gens n'ont pas le même écran.

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 26 Avr 2013 - 19:03

Si je fais ça, c'est le bouton ouvrir qui remonte, en revanche je veux :
1°)Que quand j'appuie sur open, la chatbox s'ouvre vers le bas et non vers le haut, en faisant ça, je ne veux pas que le bouton ouvrir change de place.

2°)Que le bouton fermer soit à gauche, centré à la chatbox et non fixer sur la barre de droite.

Su c'était le code où figure top qui fallait modifié, je ne l'ai pas.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Sam 27 Avr 2013 - 19:14

up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Sam 27 Avr 2013 - 19:18

Hummm

Pas facile à comprendre...
D'après ce que j'ai compris, la chatBox est bien placée mais ce sont les boutons que tu souhaites déplacer sur la hauteur de la chatbox... C'est ça ?

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Dim 28 Avr 2013 - 12:42

Voici un screen de la position de ma Chatbox :

Voci un screen de ce que je souhaite :


Je veux que :
- L'image soit placé au même endroit que l'image

-La chatbox apparaissent au même endroit qu'au deuxième screen, soit qui se place en bas quand j'appuie pour ouvrir la fenêtre coullisante.

Je remets mon code ici :
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 35%; right: 0px;background-color: #ffffff;z-index:10000;"><tr><td><div id="panneau" scrolling="no" style="width: 765px; 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>'); } );

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Lun 29 Avr 2013 - 9:05

Voilà...

J'ai inversé les deux valeurs de la balise TD et ça fonctionne

Bonne journée

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><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><td><div id="panneau" scrolling="no" style="width: 765px; 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></tr></table>'); } );

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 1 Mai 2013 - 13:23

Merci beaucoup, mais il reste de mettre la chatbox en bas car elle s'affiche toujours en haut.



Comment puis-je faire pour retiré le fond blanc qui est derrière le "fermer"?

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par Inception le Mer 1 Mai 2013 - 13:30

Bonjour,
Voilà un code pour descendre la Chatbox (j'ai juste modifié le bottom 50 en 5... )

Code:
        jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 5px; right: 0px;background-color: #ffffff;z-index:10000;"><tr><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><td><div id="panneau" scrolling="no" style="width: 765px; 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></tr></table>'); } );

pour les boutons, je ne sais quoi te dire...

Bonne journée

Inception
****

Masculin
Messages : 222
Inscrit(e) le : 10/04/2013

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

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 1 Mai 2013 - 13:37

J'avais oublié de changer votre code.
J'utilise 35%.
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 35%; right: 0px;background-color: #ffffff;z-index:10000;"><tr><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><td><div id="panneau" scrolling="no" style="width: 765px; 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></tr></table>'); } );

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Ven 3 Mai 2013 - 17:24

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Sam 4 Mai 2013 - 13:37

Pour le blanc, j'ai trouvé, il suffisait de retiré le FFFFFF après le # qui se situe après background-color

J'ai chipoté à la longeur et à la largeur de la chatbox.

Voici le nouveau code :
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 35%; right: 0px;background-color: #;z-index:10000;"><tr><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://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );


Dernière édition par supergogetass4 le Dim 5 Mai 2013 - 19:37, édité 1 fois

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Dim 5 Mai 2013 - 19:36

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par supergogetass4 le Mer 8 Mai 2013 - 13:43

Up.

supergogetass4
****

Masculin
Messages : 475
Inscrit(e) le : 23/03/2013

http://lga-v5.forumactif.com/forum
supergogetass4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre le bouton open à gauche et la barre en bas.

Message par jonathan78 le Mer 8 Mai 2013 - 13:58

Bonjour Smile

Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 10px; right: 0px;background-color: #;z-index:10000;"><tr><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://image.noelshack.com/fichiers/2013/18/1367683414-3.png\':\'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png\';"/></td><td><div id="panneau" scrolling="no" style="width: 765px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"><iframe src="/chatbox/index.forum?page=front" style="width: 763px; height: 382px;" ></iframe></div></td></tr></table>'); } );

? ^^

jonathan78
****

Masculin
Messages : 220
Inscrit(e) le : 07/09/2011

http://www.legendarygraph.com/
jonathan78 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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