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

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

© BOUTONS CREER PAR MOI ET UNIQUEMENT POUR MON FORUM /!\ ©

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

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 le 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,
Ge

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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 le 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 donc !
Et encore un grand merci à ge Thanks

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


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