Codes pour Chatbox.

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

Résolu Codes pour Chatbox.

Message par Caramelle. - le Mer 26 Jan 2011 - 17:37

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


Dernière édition par Caramelle. - le Jeu 10 Fév 2011 - 10:20, édité 3 fois

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Lunathiel le Jeu 27 Jan 2011 - 15:16

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


Dernière édition par Lunathiel le Ven 28 Jan 2011 - 10:33, édité 1 fois

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: Codes pour Chatbox.

Message par Caramelle. - le Jeu 27 Jan 2011 - 15:32

    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. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Ven 28 Jan 2011 - 16:53

    Je me permets un petit UP.

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Lun 31 Jan 2011 - 13:25

    Upinounet. Sourire2

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Mar 1 Fév 2011 - 17:58

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

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par nodoka70 le Mer 2 Fév 2011 - 20:31

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

nodoka70
Nouveau membre

Messages : 23
Inscrit(e) le : 08/04/2010

http://nintendo3ds.1fr1.net
nodoka70 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Lunathiel le Ven 4 Fév 2011 - 16:01

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


Dernière édition par Lunathiel le Sam 5 Fév 2011 - 18:48, édité 1 fois

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: Codes pour Chatbox.

Message par Caramelle. - le Ven 4 Fév 2011 - 18:47

    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 !


Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Lunathiel le Sam 5 Fév 2011 - 11:27

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

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: Codes pour Chatbox.

Message par Caramelle. - le Sam 5 Fév 2011 - 16:50

    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. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Dim 6 Fév 2011 - 19:01

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

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Mar 8 Fév 2011 - 18:59

    Up. '_'

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par no_way le Mar 8 Fév 2011 - 19:12

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

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

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

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Mer 9 Fév 2011 - 13:05

    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.

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par no_way le Mer 9 Fév 2011 - 17:33

mets ceci dans ton CSS:
Code:

#chatbox_members{border:none;}

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

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

Résolu Re: Codes pour Chatbox.

Message par Caramelle. - le Jeu 10 Fév 2011 - 10:19

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

    Sur ce, résolu , merci à tous.

Caramelle. -
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 26/01/2011

http://renkenmusicschool.positifforum.com/
Caramelle. - a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour Chatbox.

Message par no_way le Jeu 10 Fév 2011 - 17:36

Service @++

no_way
Aidactif
Aidactif

Messages : 1744
Inscrit(e) le : 26/03/2010

no_way 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