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

5 participants

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

supergogetass4
****

Autre / Ne pas divulguer
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 Invité Mer 10 Avr 2013 - 16:38

Bonjour,

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

Cordialement
Anonymous

Invité
Invité


Invité 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 Mer 10 Avr 2013 - 18:28

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

supergogetass4
****

Autre / Ne pas divulguer
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 Invité Jeu 11 Avr 2013 - 19:33

Bonsoir,

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

Invité
Invité


Invité 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 Ven 12 Avr 2013 - 20:45

Mettre le bouton open à gauche et la barre en bas. 1365792155-chatbox ==> Mettre le bouton open à gauche et la barre en bas. 1365792267-chatbox2

Mettre le bouton open à gauche et la barre en bas. 1365792170-chatbox3 ==> Mettre le bouton open à gauche et la barre en bas. 1365792293-chatbox4
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 14 Avr 2013 - 17:20

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 14 Avr 2013 - 18:41

Il faut jouer avec la propriété bottom.


spip

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 Mar 16 Avr 2013 - 17:52

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

supergogetass4
****

Autre / Ne pas divulguer
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 Mar 16 Avr 2013 - 18:15

Bonsoir,

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

Arlem
Membre actif

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 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?

Mettre le bouton open à gauche et la barre en bas. 1366213269-2
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Ven 19 Avr 2013 - 18:41

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Sam 20 Avr 2013 - 18:33

Je veux ça en fait :

ChatBox actuelle : Mettre le bouton open à gauche et la barre en bas. 1366475533-1

Résultat de la ChatBox : Mettre le bouton open à gauche et la barre en bas. 1366475538-2
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 21 Avr 2013 - 20:13

up
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Jeu 25 Avr 2013 - 9:21

up
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Ven 26 Avr 2013 - 17:17

up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 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

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

AenigmA
Membre actif

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

supergogetass4
****

Autre / Ne pas divulguer
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 Sam 27 Avr 2013 - 19:14

up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 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

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 Dim 28 Avr 2013 - 12:42

Voici un screen de la position de ma Chatbox :
Mettre le bouton open à gauche et la barre en bas. 1367145381-1
Voci un screen de ce que je souhaite :
Mettre le bouton open à gauche et la barre en bas. 1367145388-2

Je veux que :
- L'image Mettre le bouton open à gauche et la barre en bas. Fermer10 soit placé au même endroit que l'image Mettre le bouton open à gauche et la barre en bas. Close12

-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>'); } );
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 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

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 Mer 1 Mai 2013 - 13:23

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

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

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

supergogetass4
****

Autre / Ne pas divulguer
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 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

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 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>'); } );
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Ven 3 Mai 2013 - 17:24

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 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
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Dim 5 Mai 2013 - 19:36

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Mer 8 Mai 2013 - 13:43

Up.
avatar

supergogetass4
****

Autre / Ne pas divulguer
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 Invité 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>'); } );

? ^^
Anonymous

Invité
Invité


Invité 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

- Sujets similaires

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