Cafouillage avec le panneau latéral coulissant (Chat Box)
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Cafouillage avec le panneau latéral coulissant (Chat Box)
Bonsoir (ou Bonjour) à tous, et merci d'avance à ceux qui pourront m'aider
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 :
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 :
(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 !
Merci d'avance, cordialement.
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 !
Merci d'avance, cordialement.
Re: Cafouillage avec le panneau latéral coulissant (Chat Box)
Bonjour
Le nouveau code à tester.
Ce qui est modifié est :
Cordialement,
Ge
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
Re: Cafouillage avec le panneau latéral coulissant (Chat Box)
Bonsoir,
Merci beaucou ge !
Que je suis bête 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:
Merci beaucou ge !
Que je suis bête 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:
Sujets similaires
» Problème avec le panneau latéral coulissant
» Panneau Latéral Coulissant
» panneau lateral coulissant avec menu vertical
» Panneau latéral coulissant transformé en panneau vertical coulissant?
» Pas d'affichage Panneau Latéral Coulissant (PLC)
» Panneau Latéral Coulissant
» panneau lateral coulissant avec menu vertical
» Panneau latéral coulissant transformé en panneau vertical coulissant?
» Pas d'affichage Panneau Latéral Coulissant (PLC)
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum