Cafouillage avec le panneau latéral coulissant (Chat Box)

2 participants

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

Résolu Cafouillage avec le panneau latéral coulissant (Chat Box)

Message par WwAaPpIi Mar 26 Juil 2011 - 18:52

Bonsoir (ou Bonjour) à tous, et merci d'avance à ceux qui pourront m'aider Very Happy

Depuis qu'il y a le nouvel onglet de gestion des codes JS, je suis complétement paumée xD
J'ai décidé de faire ma Chat Box dans un panneau latéral coulissant, d'après le tutoriel d'Alex Fowl, dont voici le sujet → Créer un panneau latéral coulissant

J'ai choisis donc de prendre le code pour avoir la Chat Box à droite → Voici le code.
En bon forum de graphisme/codage, j'ai décidé de créer moi-même les boutons pour ouvrir et fermer le panneau, voici donc mon code personnaliser :

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://i41.servimg.com/u/f41/16/21/78/75/open10.png" onClick="document.getElementById(\'panneau\').style.display=(this.src==\'http://i41.servimg.com/u/f41/16/21/78/75/open10.png\')?\'block\':\'none\';this.src=(this.src==\'http://i41.servimg.com/u/f41/16/21/78/75/open10.png\')?\'http://i41.servimg.com/u/f41/16/21/78/75/close10.png\':\'http://i41.servimg.com/u/f41/16/21/78/75/open10.png\';"/></td></tr></table>'); } );

Le problème est que j'avais fais mon image en .png (il y avait une partie en pixels gris et noirs de transparence, donc normalement une partie de mon bouton aurait du s'adapter au fond du forum), les voici :

Spoiler:

(Je sais que mes boutons sont à l'envers puisque j'ai décidé de mettre ma chat box à droite, mais ces boutons ne sont pas définitifs, c'est pour ça ^^)

Mais que sur mon forum, un fond blanc apparait comme s'ils étaient en .jpg
J'ai donc tenter de les héberger sur d'autres sites mais le problème persiste, et je pense donc que cela vient de mon code (ou alors je me trompe ?).

Visible ici → Mon forum.

Si quelqu'un pouvait m'aider ! Very Happy
Merci d'avance, cordialement.
WwAaPpIi

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cafouillage avec le panneau latéral coulissant (Chat Box)

Message par ge80 Mar 26 Juil 2011 - 18:59

Bonjour

Le nouveau code à tester.
Code:
jQuery(document).ready(function() { jQuery('body').append('<table style="position: fixed; bottom: 50px; right: 0px;background-color: transparent;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>'); } );


Ce qui est modifié est :
Code:


background-color: transparent;



Cordialement,
Cafouillage avec le panneau latéral coulissant (Chat Box) 6ds2878Ge
ge80

ge80
Membre actif

Masculin
Messages : 16167
Inscrit(e) le : 08/10/2006

http://www.tsi80.net/
ge80 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cafouillage avec le panneau latéral coulissant (Chat Box)

Message par WwAaPpIi Mar 26 Juil 2011 - 19:08

Bonsoir,
Merci beaucou ge ! cheers

Que je suis bête Razz Je l'avais même pas vu ce code ! Sa m'apprandera à rester trop longtemps sur l'ordinateur le soir !

Problème Cafouillage avec le panneau latéral coulissant (Chat Box) 505812 donc !
Et encore un grand merci à ge :thanks:
WwAaPpIi

WwAaPpIi
***

Féminin
Messages : 130
Inscrit(e) le : 28/06/2011

http://wonder-land.forumactif.fr/
WwAaPpIi a été remercié(e) par l'auteur de ce sujet.

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