Format PNG pour les boutons de la Chat box latérale

[Etoile de rose]

Bonjour et oui encore un petit problème :$ j'ai installé une chat box latérale grâce aux nombreux sujets j'arrive à la faire fonctionner, seul problème (que je n'ai pas trouver dans un sujet c'est pour ça que je me permet de poster), pour changer les bouton "ouvrir" et "fermer", ça ne prend pas en compte le format PNG, donc la transparence, j'ai vu que sur plusieurs forum les bouton étaient en PNG, y a t-il un code qui permet de prendre en charge ce format ?
Merci d'avance pour votre patience et votre aide =)

[ge80]

Bonjour,

Avez-vous vérifié que vos images sont bien au format transparent ?


Pouvez-vous donner le lien sur une image pour la tester ?


Cordialement,
Ge

[Etoile de rose]

Oui oui mes images étaient bien en PNG
J'avais mis celle-ci:

Spoiler:

mon code pour cette chat box si ça peut vous être utile, il est placé dans le template Overall_footer avant "</body>:

Code:

<table style="position: fixed; bottom: 50px; left: -10px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg')?'block':'none';this.src=(this.src=='http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg')?'http://nsa28.casimages.com/img/2011/07/13/110713012651102931.jpg':'http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg';"/></td></tr></table>

[ge80]

votre image est bien en png transparent.



Essayer ceci

Code:

<table style="position: fixed; bottom: 50px; left: -10px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?page=front" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://nsa27.casimages.com/img/2011/07/13/110713101333618506.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg')?'block':'none';this.src=(this.src=='http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg')?'http://nsa28.casimages.com/img/2011/07/13/110713012651102931.jpg':'http://nsa27.casimages.com/img/2011/07/13/110713012538592939.jpg';"/></td></tr></table>

[Etoile de rose]

Merci beaucoup ça marche qu'avez vous modifié?

[ge80]

Code:

background-color: #;

Cette partie pour faire un fond transparent et non pas blanc comme votre codage l'imposait.

Puis le lien de votre image png remplaçant la jpg.

[Etoile de rose]

Oui d'ailleurs je l'ai remis à la place de la JPEG partout et celui pour la fermer également merci infiniment, une dernière chose si ça ne vous embête pas :$ , j'ai lu pas mal de sujets mais rien de concret ne répond à "comment mettre les notifications sur la chat box " ?

[ge80]

De quelles notifications sur la chat box voulez-vous parler ?

[Etoile de rose]

Si quelqu'un répond qu'il y est une image différente que j'aurais créer qui s'affiche à la place de ouvrir le chat comme pour les MP

[ge80]

Ok


Etana à proposé un code à mettre dans overall_footer .

Code:

<table style="position: fixed; bottom: -3px; right: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:right"><img src="http://i.imgur.com/MeHKA.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://i.imgur.com/p3jd5.png')?'block':'none';this.src=(this.src!='http://i.imgur.com/p3jd5.png')?'http://i.imgur.com/p3jd5.png':'http://i.imgur.com/MeHKA.png';" id="cb-image" /></td></tr></table>
    <script>
    function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://i.imgur.com/MeHKA.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://i56.tinypic.com/2ic6s0l.jpg");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
    </script>


Pour changer l'image : il faut changer le https://2img.net/h/oi56.tinypic.com/2ic6s0l.jpg avec votre nouvelle image

[Etoile de rose]

Merci mais c 'est trop compliqué ^^ ma chat box était en bas à gauche elle se retrouve a droite j'ai des problèmes pour l'ouvrir et je suis perdue dans els images :s je vais retourner à l'ancien code tant pis pour les notifications je pense merci beaucoup en tout cas pour votre aide

[ge80]

C'est normal car cela n'est pas le même code de positionnement chatbox.

Il me faudrait vos images pour faire un test fonctionnel.

[Etoile de rose]

Ouvrir:

Spoiler:

Fermer:

Spoiler:

Ouvrir avec notification:

Spoiler:

Je pars en vacances demain matin pour 2 semaines si c'était réglé avant ça serait vraiment super merci en tout cas de m'aider =)
Une membre ayant un petit ordinateur portable vient de me signaler qu'elle ne voyait pas la CB sur le côté du coup, y a-t-il un moyen de régler ce problème par la même occasion ?

[ge80]

J'ai légèrement décalé la chatbox.

A tester.

Code:


<table style="position: fixed; bottom: -3px; left: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:left"><img src="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'block':'none';this.src=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png':'http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://nsa27.casimages.com/img/2011/07/14/110714043422871916.png");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
</script>


[Etoile de rose]

Le code ne semble pas affecter d'autres trucs qu'il devrait pas, il a l'air bien =)
Par contre je ne vois pas le décalage du "ouvrir le chat" mais c'est pas grave j'attends juste de tester les notifs =)

Edit: Les notifs ne marche pas :/

[ge80]

Bizarre le code à disparu ci-dessus ...
Le re-voici.

Code:

<table style="position: fixed; bottom: -3px; left: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:left"><img src="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'block':'none';this.src=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png':'http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://nsa27.casimages.com/img/2011/07/14/110714043422871916.png");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
</script>

[Etoile de rose]

Ah si c'est bon magnifique
Juste deux dernières questions, ça me met les anciennes conversations et ça remonte jusqu'en haut à chaque fois, n'y-a-t-il pas moyen que ça atterrisse tous en bas directement ? et comment je saurais quel lien il faut remplacer pour le "ouvrir", "fermer", "ouvrir avec notif" ?

[ge80]

La configuration est avec archive activée.
c'est modifiable mais plus pratique car enlève les connexions/déconnexions devenues inutiles.


et ceci je ne le comprends pas !

et comment je saurais quel lien il faut remplacer pour le "ouvrir", "fermer", "ouvrir avec notif" ?

N'est-ce pas les images définitives ?

[Etoile de rose]

Si je change de thème je pense changer les boutons avec ^^ enfin j'irais à tâtons modifier les liens et je trouverais bien =)
Comment change-t-on le système d'archives ? Car au contraire ça met en ligne toutes les personnes connectées sur le forum :s

[ge80]

C'est normal c'est avec auto-connexion dès l'arrivée sur le forum.
Les membres utilisant ou non la Chatbox.

Pratique et évite les déconnexions inutiles au bout d'un temps d'attente.
Sinon il suffit d'enlever le ?archives=1.

Pour les images, je vais vous faire le repère avec des noms significatifs et vous mettrais à la suite ou par MP si le sujet est résolu.

Voici les liens url ouvre, url ferme, et url new

Code:

<table style="position: fixed; bottom: -3px; left: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:left"><img src="url ouvre" onClick="document.getElementById('chatboxpop').style.display=(this.src!='url ferme')?'block':'none';this.src=(this.src!='url ferme')?'url ferme':'url ouvre';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="url ouvre"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","url new");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;if(!cb.connected)cb.CB_disconnect();setInterval("if(!cb.connected)cb.CB_disconnect();setTimeout('check_newmessage()',500)",2500)});
</script>

[Etoile de rose]

Donc si j'ai bien compris en enlevant le archives=1, chaque fois que j'ouvrirais je tomberais sur la discussion en cours, et pour enlever "l'auto-connexion dès l'arrivée sur le forum", qui n'y était pas avant il faut faire quoi ? =) après je pense que le sujet sera résolu en tout cas c'est très ympa de m'aider sur ce coup ^^

[ge80]

Normalement le archive=1 ne change pas le fonctionnement.

La discussion suit son cours normalement !

Pour la "non connexion" automatique alors il faut que je fasse des tests
avec

Code:

cb.connected)cb.CB_disconnect()

et voir
si cela ne devient pas incompatible avec l'affichage de l'image du nouveau message.

Test ok sans archive et sans auto connexion.

Code:

<table style="position: fixed; bottom: -3px; left: 50px;background-color: #;z-index:10000;"><tr><td><iframe src="/chatbox/index.forum" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td></tr><tr><td style="float:left"><img src="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'block':'none';this.src=(this.src!='http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png')?'http://nsa27.casimages.com/img/2011/07/14/110714043224447219.png':'http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png';" id="cb-image" /></td></tr></table>
<script>
function check_newmessage(){var b=$(cb.chatbox_messages_old).find("span.user-msg").parent();var a=b.length==0?"":b.eq(b.length-1).html();jQuery("#cb-image").attr("src")=="http://nsa28.casimages.com/img/2011/07/14/11071404332585475.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://nsa27.casimages.com/img/2011/07/14/110714043422871916.png");old_lm=a}jQuery(window).load(function(){cb=jQuery("#chatboxpop")[0].contentWindow;setInterval("setTimeout('check_newmessage()',500)",2500)});
</script>

[Etoile de rose]

Le bouton de notif marche, j'attends de voir pour l'auto connexion et les archives =)

[ge80]

Il n'y a plus l'auto-connexion comme vous l'avez demandée.

[Etoile de rose]

Oui ça marche également =D reste le problème des archives chaque fois que je quitte la Cb sans me déconnecter et que je retourne dessus je doit re-sélectionner "sans archives"
Edit: ah ben la non connexion marche pas en fait :s

[ge80]

Si Sans Archive est visible alors c'est correct avec le premier code..

Quel est le code implanté.... ?

N'avez-vous pas oublié de publier ?

Ne pas oublier de faire un CTRL et F85 pour recharger la page.

Code testé sur deux forums différents et fonctionnel.

[Etoile de rose]

Le dernier code fourni est implanté et publier la non connexion est activée, pour les archives ça devrait allé ce n'est qu'un clic après tout =)

[ge80]

Pour les archives alors vous ajoutez ?archives=1 comme donné plus haut ou encore ?page=front .

Cette solution est pour moi la plus judicieuse mais chacun ses goûts

[Etoile de rose]

D'accord merci beaucoup pour tout =D et bonnes vacances =)