Problème avec chatbox latérale

[FANCH 56]

Bonjour

J'ai suivi l'astuce de chatbox latérale droite, et le dernier message n'est pas lisible



Voici le code

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/chatbox.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>'); } );

[Ea]

Bonjour,


Cela doit être trop "court" par rapport à la résolution ou autre, si on avait les boutons à côté de "Message : [zone de saisie de message] Envoyer" ça prendrait plus que la longueur de la ligne.

Donc il faudrait soit modifier les deux 800px et augmenter la largeur de la fenêtre avec la chatbox, soit diminuer la largeur de la [zone de saisie de message], pour ce faire il suffit d'ajouter dans le CSS personnalisé :

Code:

body.chatbox #message { width: 270px; }

( et éventuellement changer la largeur ( le 270 ) pour arriver au maximum possible avant que ça se mette sur 2 lignes )

[FANCH 56]

MERCI ETANA

çà fonctionne.

Une dernière chose. Puis-je changer le mot chatbox par Aubette ?

[Ea]

En mettant ceci dans le CSS ça devrait fonctionner :

Code:

body.chatbox #chatbox_header .chatbox-title a.chat-title:before { color: black;  content:"Aubette"; }
body.chatbox #chatbox_header .chatbox-title a.chat-title { color:#c5c7ca!important; float:left; }

Sinon il faut changer le :

Code:

/chatbox/chatbox.forum

Par :

Code:

/chatbox/index.forum

L'adresse avec chatbox.forum ne doit pas permettre la connexion/déconnexion il me semble.

[FANCH 56]

Actuellement la connexion deconnexion fonctionne.

Par contre avec le code CSS, les deux noms se suivent

[Ea]

Oui, c'est compliqué y'a des problèmes avec les priorités des codes CSS.

Alors à la place juste en mettant :

Code:

h3.chatbox-title { border:none; }
body.chatbox a.chat-title {
  background:url(http://i49.servimg.com/u/f49/15/59/73/38/xxxw10.png) no-repeat;
  display:block;
  width: 70px;
  height: 10px;
  font-size:0px;
  color: transparent;
  border:none;
  margin-top: 5px;
}

Cela pourrait être mieux ( le code masque juste le Chatbox et met une image avec Aubette en dessous ).

[FANCH 56]

C'est tout bon.

Merci Etana

Résolu