Appliquer des coins arrondis sur la chatbox latérale

par _Howard_ Mar 20 Mar 2012 - 9:47

Bonjour,

J'ai suivi le tutoriel pour appliquer la chatbox latérale,ça fonctionne c'est good ! ^^
Par contre j'aimerais savoir comment appliquer des coins arrondis sur cette chatbox,
J'ai tenter par la feuille de style css d'ajouter le code pour arrondir les coins en recherchant cette ligne #chatbox et body.chatbox mais toujours pas d'effet... pouvez-vous m'aider s'ils vous plait sur cette colle qui m'est bien embêtante Rolling Eyes

Merci d'avance.

par Invité Mer 21 Mar 2012 - 0:07

Coucou,

Le bouton de la t'chat-box que tu veux arrondir.... C'est pas avec un code que tu va le faire Razz

... Mais c'est une image il faut que tu la change Wink

! Fait ta propre image avec les coins arrondi Wink

!

par _Howard_ Mer 21 Mar 2012 - 2:28

Coucou Webmestre_pro

Oui je m'en doutais un peu vu l'impossibilité , en revanche non il n'y a pas que le boutton que je veux changer,pour ceci tout est expliquer sur le tutoriel de FA.Merci.

Je voudrais changer l'intérieur du cadre de la chatbox latérale(donc quand elle s'ouvre) le bouton j'men cogne

par Invité Mer 21 Mar 2012 - 2:30

Ha okay désoler j'avais vraiment mal compris... Est-ce que tu peux me passer le lien de ton forum je pourrais te donner une aide exacte en rapport avec sa version ?

par _Howard_ Mer 21 Mar 2012 - 2:32

Oui biensur,(c'est moi qui m'exprime mal)

l'url ici

par Dr. Karlos Mer 21 Mar 2012 - 3:48

Bonsoir,

La partie concernant la chatbox latérale se trouve dans le code Javascript que vous avez inséré dans votre panneau d'administration comme ceci:
> PA | Modules | Gestion des codes Javascript

Dans votre code, en appuyant sur edit

, l'apparence du cadre général est gérée par cette partie:

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000;">

Pour arrondir les coins, il vous suffit d'ajouter un nouvel attribut. Remplacez donc la partie donnée plus haut par celle-ci:

Code:: <table style="position: fixed; bottom: 50px; left: 0px;background-color: #ffffff;z-index:10000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;">

L'ensemble des border-radius est responsable des arrondis sous différents navigateurs. Modifiez le 0px sur tous les border-radius par la même valeur pour un affichage uniforme sur tous les navigateurs. Wink

Cordialement.