comment alligner la chatbox latéral avec son bouton svp ?

[néco]

bonjour à tous !
alors voilà , j'ai un petit soucis avec ma chat box latérale !
j'ai mis le code que j'ai trouvé dans ce topic (donné par EA) : https://forum.forumactif.com/t302704-chatbox-nouveau-message#

voici le code ici , il se met dans le template overall_footer_end juste avant </body> ! :

mais ... sur ce code les images par défaut sont plate en bas du forum comme ceci :



et je trouve ça très moche ! ^^

j'ai alors remplacé les liens d'images par mes images à moi ... mais du coup , la chat s'ouvre au dessus du bouton et non pas à coté ! (ce qui fait qu'on ne vois pas le haut de la chat car ça tombe trop haut (vue que mon bouton est déjà haut au dessus des bouton haut-bas en plus ! :S )
en attendant mieux j'ai bien-sûr rétrécie la chat en hauteur afin qu'on en vois le haut , mais bon , c'est ni très pratique ni très esthétique ! ^^
voici en image ce que j'ai actuellement !


---

j'ai pris le code de EA car il inclu la fonction "new message" (c'est à dire que le bouton "ouvrir" ou "fermer" se change en "new message" lorsqu'un nouveau message est posté ^^)
mais avant de mettre ce code (qui se place dans le template) , j'avais une chat en tiroir dont le code se mettait dans les javascript ... ce code là :

code de la chat en tiroir javascript SANS bouton "new message":

ce qui donne visuellement un résultat comme ça :



et c'est ça que je voudrait svp !
afin que la chat soit pas coupé en haut , et en plus c'est plus joli ! ^^

sauriez-vous s'il vous plait ,
soit * comment aligner la chat avec le bouton sur le 1er code (celui du template)
soit * comment rajouter la fonction "new message" (et connexion auto) sur le code javascrip ?
au choix ! ^^

j'aimerais que la chat s'ouvre de la même façon que celle en javascrip , mais qu'elle ai aussi la fonction "new" du code de template ! (en gardant donc forcément la fonction de connexion automatique )
je ne sais absolument pas comment "fusionner" ces deux choses !
j'ai fait plein de petits tests un peu au hasard , et je n'arrive évidemment à rien ! ^^

y-a-t-il un MacGyver dans la salle svp ?

merci de m'avoir lu !

bizzz

[néco]

up !  

[néco]

up

[néco]

up !

[néco]

up

[néco]

up

[Invité]

Bonjour,

Voilà ton code modifié :

Code:

<table style="position: fixed; bottom: 80px; height: 130px; right: 0px!important; background-color: #;z-index:10000;">
  <tr>
    <td><iframe src="/chatbox/index.forum?archives=1" id="chatboxpop" scrolling="no" style="width: 800px; height: 300px; display: none;" marginwidth="0" marginheight="0" frameborder="2"></iframe></td>
    <td valign="bottom"><img src="http://i73.servimg.com/u/f73/16/02/70/00/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src!='http://i73.servimg.com/u/f73/16/02/70/00/fermer10.png')?'block':'none';this.src=(this.src!='http://i73.servimg.com/u/f73/16/02/70/00/fermer10.png')?'http://i73.servimg.com/u/f73/16/02/70/00/fermer10.png':'http://i73.servimg.com/u/f73/16/02/70/00/ouvrir10.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://i73.servimg.com/u/f73/16/02/70/00/ouvrir10.png"&&typeof(old_lm)!="undefined"&&a!=old_lm&&a!=""&&jQuery("#cb-image").attr("src","http://i73.servimg.com/u/f73/16/02/70/00/newbou10.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>

A mettre dans le template overall_footer_end juste avant </body>

[néco]

merci beaucoup de m'aider !

mais ça ne marche pas
la chat est toujours au dessus du bouton


bizzz

[néco]

oups ... j'ai rien dis !
j'avais oublié de publier le template !

et du coup ...

ça marche super !

merci beaucoup beaucoup beaucoup



gros bizou à toi !

ps : désolé pour le double post , mais puisque Danynou est en ligne , j'ai peur qu'elle cherche encore le problème alors que c'est résolu si elle a déjà vue ma 1er réponse ! car si j'édite , elle ne le saura pas ! ^^

bizzz

[Invité]

pas de problème content pour toi

Cdt

[néco]

oups , je viens de réaliser que tu es un gars !
excuse moi !

encore merci pour tout !

grosse bize

je mets en résolu maintenant

bizzz