Le fond de la ChatBox

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 le 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 :

ou

ou

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

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

Matriochka
+ Hyperactif +

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 le 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)


Conclusion :

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 le 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

Matriochka
+ Hyperactif +

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 le Sam 16 Fév 2013 - 19:13

Ok super. Mais serait-il possible de centrer l'image ?

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

Matriochka
+ Hyperactif +

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




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 le Dim 17 Fév 2013 - 12:06

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

Matriochka
+ Hyperactif +

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

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 le 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

Matriochka
+ Hyperactif +

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 le Dim 17 Fév 2013 - 13:27

Super !!! Merci beaucoup !!!

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


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