Probleme chat box latteral

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

Résolu Probleme chat box latteral

Message par niklass le Dim 9 Jan 2011 - 11:51

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 .


Dernière édition par niklass le Mer 12 Jan 2011 - 15:06, édité 1 fois

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Dim 9 Jan 2011 - 16:53

up

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Lun 10 Jan 2011 - 12:44

up

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Mar 11 Jan 2011 - 19:31

up

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lunathiel le Mar 11 Jan 2011 - 23:02

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

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lixyr le Mer 12 Jan 2011 - 1:51

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://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='https://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'https://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'https://i81.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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lunathiel le Mer 12 Jan 2011 - 10:12

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?

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lixyr le Mer 12 Jan 2011 - 11:33

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

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Mer 12 Jan 2011 - 13:49

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 ?

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lunathiel le Mer 12 Jan 2011 - 14:02

Dans ton CSS

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

Puis tu valides

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

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Mer 12 Jan 2011 - 14:06

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 */

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lixyr le Mer 12 Jan 2011 - 14:38

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.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Mer 12 Jan 2011 - 14:53

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

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lixyr le Mer 12 Jan 2011 - 15:04

Mdr, okay ! xD
Plus de question alors ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par niklass le Mer 12 Jan 2011 - 15:06

Non je pense que c'est resolut ^^

niklass
Nouveau membre

Messages : 27
Inscrit(e) le : 09/01/2011

http://graph-auto.forumgratuit.org/
niklass a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme chat box latteral

Message par Lixyr le Mer 12 Jan 2011 - 15:07

Très bien. A la prochaine question alors. Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

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


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