Le fond de la ChatBox

2 participants

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

Résolu Le fond de la ChatBox

Message par Amélie-Manga Sam 16 Fév 2013 - 12:25

Bonjour, à propos de mettre une image en fond (de la chatbox), j'ai réussi mais je n'ai pas l'image au complet ou alors l'image est coupé en petit et il y a plusieurs cadres... Regardez :
Le fond de la ChatBox 1_bmp16
ou
Le fond de la ChatBox 1_bmp17
ou
Le fond de la ChatBox 2_bmp15

Si on peut la redimensionner, dîtes moi comment faire ; SVP


Dernière édition par Amélie-Manga le Dim 17 Fév 2013 - 13:27, édité 1 fois
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le fond de la ChatBox

Message par Matriochka Sam 16 Fév 2013 - 17:04

Bonjour,

Il faut utiliser une image qui soit à la même taille que ta chatbox. Et si tu ne veux pas que celle-ci se répète, il faut utiliser ceci dans ton CSS :
Code:
background-repeat:no-repeat;
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Le fond de la ChatBox

Message par Amélie-Manga Sam 16 Fév 2013 - 18:29

Ok, mais je ne sais pas pourquoi, mais maintenant plus rien ne marche...
Je vous montre une image pour vous montrez la position de mes codes (css)
Le fond de la ChatBox Css_bm10

Conclusion :
Le fond de la ChatBox Css_2_10
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Le fond de la ChatBox

Message par Matriochka Sam 16 Fév 2013 - 18:30

Il faut mettre ça comme ceci :

Code:
body.chatbox {
background-image:url("ton_image_ici");
background-repeat:no-repeat;}

Retire la ligne que tu as mis au tout début. Il faut l’insérer entre les crochets Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Le fond de la ChatBox

Message par Amélie-Manga Sam 16 Fév 2013 - 19:13

Ok super. Mais serait-il possible de centrer l'image ?
Le fond de la ChatBox Css_3_10
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le fond de la ChatBox

Message par Matriochka Dim 17 Fév 2013 - 11:44

Bien sûr, avec ceci :

Code:
body.chatbox {
background-position:center middle;
background-image:url("ton_image_ici");
background-repeat:no-repeat;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Le fond de la ChatBox

Message par Amélie-Manga Dim 17 Fév 2013 - 12:01

... le problème, c'est que tout le code fonctionne sauf 1 ; c'est celui pour centrer l'image...

Le fond de la ChatBox 2_bmp16

Le fond de la ChatBox 3_bmp14
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Le fond de la ChatBox

Message par Matriochka Dim 17 Fév 2013 - 12:06

Code:
body.chatbox {
background-position:center;
background-image:url("ton_image_ici");
background-repeat:no-repeat;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Le fond de la ChatBox

Message par Amélie-Manga Dim 17 Fév 2013 - 12:25

Merci :-) Désolé de vous embêter mais j'ai encore 2 questions pour améliorer "ma chatbox".

1) Lorsqu'on écrit sur la ChatBox, est q'il serait possible que l'écriture ne cache pas l'image ?

2) Serait-il possible de redimensionner l'image pour quelle prenne toute la place de la ChatBox ? (j'ai déjà essayé de chercher une image avec la même taille que la chatbox mais ça ne marche pas)
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Le fond de la ChatBox

Message par Matriochka Dim 17 Fév 2013 - 12:31

1) Lorsqu'on écrit sur la ChatBox, est q'il serait possible que l'écriture ne cache pas l'image ?
Bien sûr, pour ça il faut ajouter ce code, qui te permettra de rendre tranparentes les cellules où sont insérés les messages postés :
Code:
.chatbox_row_1.clearfix, .chatbox_row_2.clearfix {
background: transparent;}

2) Serait-il possible de redimensionner l'image pour quelle prenne toute la place de la ChatBox ? (j'ai déjà essayé de chercher une image avec la même taille que la chatbox mais ça ne marche pas)
Pour ça, il faut utiliser un logiciel de retouche d’images, type PhotoFiltre, Photoshop ou même Paint.


Dernière édition par Matriochka le Dim 17 Fév 2013 - 13:28, édité 1 fois
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Le fond de la ChatBox

Message par Amélie-Manga Dim 17 Fév 2013 - 13:27

Super !!! Merci beaucoup !!!
Amélie-Manga

Amélie-Manga
*****

Féminin
Messages : 549
Inscrit(e) le : 23/09/2012

http://bleach.lebonforum.com
Amélie-Manga a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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