Probleme chat box latteral

[niklass]

Bonjour,

J'ai installer une chat box lateral sur mon forum de test . J'ai insérer le code dans le template overall_footer ,aucun soucis la chatbox fonctionne correctement mais je souhaiterai en arrondire les angle et il ya aussi un bande blanche sur le cote quan elle est ouverte est-il possible de la supprimer ?

Voila le code : je l'ai recuperer sur internet dans un tuto .

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').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>

http://graph-auto.forumgratuit.org/ et voila aussi l'adresse de mon forum de test
Merci d'avence .

[niklass]

up

[niklass]

up

[niklass]

up

[Lunathiel]

Pour enlever la bande blanche change la couleur blanche par la couleur de fond que tu souhaites ou met "none" à la place

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;"><tr><td><iframe src="/chatbox


J'aimerais moi aussi pouvoir arrondir les angles de la chatbox, je up donc ton message car je suis moi aussi intéressée

[Lixyr]

Bonsoir (enfin bonne nuit x) )

Alors pour arrondir les angles de la chat boxe, c'est simple, il suffit de rajouter ce code :

Code:

-moz-border-radius: 8px; border-radius:8px; -webkit-border-radius:8px;

ici :

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000; ICI"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://i.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"/></td></tr></table>

Ce qui donne :

Code:

<table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;-moz-border-radius: 8px; border-radius:8px; -webkit-border-radius:8px;"><tr><td><iframe src="/chatbox/chatbox.forum?page=front&amp;" id="chatboxpop" scrolling="yes" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').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>

Il vous suffira juste ensuite de modifier les valeurs "8", en sachant que plus la valeur est élevée et plus c'est arrondis.
Voilà voilà. ^^
Testé et approuvé sur mon propre forum - sous Firefoxe - en tout cas.

Bonne nuit à vous deux.

[Lunathiel]

Effectivement cela fonctionne très bien, mais il faut alors mettre une couleur de fond. Avec mon "none" en couleur de fond forcément on ne voit pas l'arrondis car c'est le fond qui est arrondi et pas la tchatbox en elle même...

Est-il possible d'arrondir le corps de la tchatbox en mettant par exemple un contour et non pas un background?

[Lixyr]

Vui, mais j'ai essayé d'arrondir la chat boxe, ça ne marche pas, l'arrondis ne marche pas sur l'iframe. Donc je ne sais pas si c'est possible, si on ne passe pas par le cadre et la couleur. : x


*edit*


Rectification : j'ai peut-être trouvé un moyen en modifiant l'id directement via le css:

Code:


#chatboxpop {-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;
border: 2px solid darkred;}

[niklass]

Code:

#chatboxpop {-moz-border-radius: 8px;
border-radius:8px;
-webkit-border-radius:8px;
border: 2px solid darkred;}

Ou est ce que je doit placez ce code ?

[Lunathiel]

Dans ton CSS

Panneau d'administration, Affichage, Couleur, Feuille de style CSS

Puis tu valides

Cela fonctionne à la perfection!!!! 100000000000X bravo

[niklass]

Merci de votre aide cela fonctionne trés trés bien mais j'ai une autre question ...
Est ce qu'il est possible que le chat ne soit plus rectangulaire mais rond ?
/*se cache */

[Lixyr]

Un chat rond ? C'est une idée bizarre, mais oui je pense que c'est possible si on configure la taille pour en faire un carré auquel on arrondirait les coins.

Hum vous voyez cette partie ?

style="width: 800px; height: 400px;

Modifiez les valeurs afin qu'elles soient les mêmes pour les deux.
width, c'est la largeur
height, c'est la hauteur

Si vous mettez les mêmes valeurs pour les deux ça fera un carré. Ensuite si vous agrandissez les valeurs que vous avez mise dans le css (donc le code qu j'ai mis au dessus) avec de grandes valeurs, vous devriez arriver à un rond, mais bon le résultat ne sera peut-être pas beau oO )

Je vais tester de mon côté pour voir ça de plus prêt mais je ne vous garanti pas que ce sera éblouissant.


*edit*

Non non, oubliez cette idée, je viens de tester et ... comment vous dire ? Vaut mieux pas essayer.
Par contre pour là ne connaissant que ce code pour l'arrondis je dois dire que je ne saurai trouver. Je ne sais même pas si c'est possible parce que c'est une iframe, donc si on diminue sa taille, on ne voit plus tout le contenu.

[niklass]

J'avait put vois ce style de chat sur un forum bien qu'il etait plus ovale que rond.
J'e n'arrive pas a reussir avec votre code .

Edit :

Merci et puis en faite je prefere mon chat rectengulaire

[Lixyr]

Mdr, okay ! xD
Plus de question alors ?

[niklass]

Non je pense que c'est resolut ^^

[Lixyr]

Très bien. A la prochaine question alors.