Codes pour Chatbox.

[Caramelle. -]

Bonjour à toutes et à tous.

C'est après un tas d'essais de codage et autres boulettes CSS que je viens vous voir aujourd'hui. Effectivement, j'aurais besoin d'un petit coup de patte.
Voyez ce screen, représentant la Chatbox latérale de mon forum ;


J'aurais alors besoin de trois choses :

x Première, je souhaiterai supprimer ou changer la couleur de cette disgracieuse séparation/bordure noire qui vient légèrement casser "l'harmonie" (si on peut appeler ça comme ça) des couleurs.
x Deuxième, j'aimerai savoir s'il était possible de changer la couleur de la zone sur laquelle est dessinée une très magnifique vaguelette rouge.
x Et, dernièrement, je souhaiterai ajouter une bordure autour de cette Chatbox.

Je suis prête à vous fournir le codage CSS spécifique à ma Chatbox si vous en avez besoin.

Je vous remercie dors et déjà pour votre aide. ~

[Lunathiel]

Je ne peux t'aider que pour la bordure
Ajoute ceci à ton css

#chatboxpop {
border: 2px solid #ffffff;
}

Le 2px correspond à la taille de ta bordure (en pixel)
et le #ffffff à la couleur de ta bordure.

PS: tu peux aussi arrondir ce contour comme ceci

#chatboxpop {
border: 2px solid #ffffff;
-moz-border-radius: 10px;
border-radius:10px;
-webkit-border-radius:10px;
}

Je me suis dit que ça pourrait t'intéresser en voyant ton forum^^

Regarde ce que ça donne sur le mien => http://www.Thoawin.com

[Caramelle. -]

Merci beaucoup, c'est tout à fait ce que je recherchais. Ma CB a déjà une meilleure tête avec ça.

C'est donc okay pour ma troisième demande. Reste que les deux autres, qui viendraient fignoler ce qui est déjà fait. O:

[Caramelle. -]

Je me permets un petit UP.

[Caramelle. -]

Upinounet.

[Caramelle. -]

Euuupeeeeeuh. (comprenez le mot "UP" en phonétique made in Cara.)

[nodoka70]

pour cette question x Deuxième, j'aimerai savoir s'il était possible de changer la couleur de la zone sur laquelle est dessinée une très magnifique vaguelette rouge.


oui il faut mettre ce code

Code:



.chatbox .catBottom {
  background-color: #FFFFFF;

tu met la couleur que tu veut a la place des F

[Lunathiel]

Ferme bien le css par une }

=> .chatbox .catBottom {
background-color: #FFFFFF; }

Pour faire fonctionner ce code il faut alors enlever l'image déjà présente comme ça

.chatbox .catBottom {
background-image:none;
background-color: #ffffff; }

Ou alors en changer l'image et à ce moment là tu ne met pas de couleur

[Caramelle. -]

Merci beaucoup à vous deux ; j'ai non seulement pu changer la couleur de ce fond mais, après un petit bidouillage, j'ai pu enlever le cadre noir pas franchement esthétique qui entourait cette partie pour le remplacer.

Il ne me reste donc qu'une chose à savoir : comment changer la couleur de la séparation entre la liste des membres et la zone de chat ?

Encore merci !

[Lunathiel]

Je peux savoir comment tu as enlever le cadre noir s'il te plait...

[Caramelle. -]

Voilà mon code :



Code:

.chatbox .catBottom {
  background-color: #E9E8F9;
  border-left: none;
  border-right: none;
  border-bottom: 3px #FFFFFF dotted;}


En gros, j'ai utilisé le code qu'a proposé Nodoka et l'ai adapté à ma sauce. J'ai simplement enlevé les bordures que je ne voulais pas.

J'espère t'avoir aidé. :3

[Caramelle. -]

Petit Upinounet pour ma dernière p'tite demande. :3

[Caramelle. -]

Up. '_'

[no_way]

Salut qu'entends-tu par couleur ? tu souhaites changer l'image de fond de la zone d'affichage des membres ?

[Caramelle. -]

Bonzouuuur. ~

Alors, non, je parle de la bordure toute noire toute moche qui sépare la zone d'affichages des membres et la zone de saisis.

[no_way]

mets ceci dans ton CSS:

Code:


#chatbox_members{border:none;}


[Caramelle. -]

Oh, merci beaucoup. C'est exactement ce que je voulais.

Sur ce, , merci à tous.

[no_way]

Service @++