Problème avec chatbox latérale

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec chatbox latérale

Message par FANCH 56 Ven 22 Juil 2011 - 11:49

Bonjour

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

Problème avec chatbox latérale Captur11

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


Dernière édition par FANCH 56 le Ven 22 Juil 2011 - 15:04, édité 1 fois
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par Ea Ven 22 Juil 2011 - 12:45

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 )
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par FANCH 56 Ven 22 Juil 2011 - 13:12

MERCI ETANA

çà fonctionne.

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

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par Ea Ven 22 Juil 2011 - 13:39

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.
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par FANCH 56 Ven 22 Juil 2011 - 15:00

Actuellement la connexion deconnexion fonctionne.

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

Problème avec chatbox latérale Captur12
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par Ea Ven 22 Juil 2011 - 15:41

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 ).
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec chatbox latérale

Message par FANCH 56 Ven 22 Juil 2011 - 16:54

C'est tout bon.

Merci Etana

Résolu

Problème avec chatbox latérale Captur13
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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