[Problème] Fond chatbox latérale

[sacha230899]

Bonjour à tous et toutes ! Je pense être dans la section la plus approprié pour expliquer mon problème, déjà :

- Version du forum : phpBB2 (subsilver)
- Fondateur du forum : Oui
- Modification de templates : Non
- CSS personnalisé : Qu'est ce que c'est ? Oui j'ai rajouté du CSS moi-même si c'est ça
- Navigateur : Firefox

Je ne pense pas que l'URL soit importante. Donc voilà mon problème :

J'ai une chatbox latérale (sur le côté), et mon problème et que je n'arrive pas à mettre un fond dans ma chatbox.

J'ai essayé plein de codes :

Code:

body.chatbox {
background-image: url('LIEN DE MON IMAGE');
}

Code:

*FOND CHAT BOX*/ body.chatbox {background : url("LIEN DE MON IMAGE") bottom right no-repeat fixed; background-color: #COULEUR DU FOND DE MA CB;}

Code:

body.chatbox {background : url("LIEN DE MON IMAGE") bottom right no-repeat fixed; background-color: #COULEUR DU FOND DE MA CB;}

Code:

/*chatbox */ body.chatbox {background : url("LIEN DE MON IMAGE"); background-color: #COULEUR DU FOND DE MA CB; }

Sans résultat ! Je rappelle que mon problème est le fond, pas la couleur (même si la couleur ne marche pas non plus) . Je mets tous ces codes dans mon CSS. Je ne sais plus quoi faire :

- J'ai cherché sur un moteur de recherche, toujours les mêmes réponses
- Ici dans trucs et astuces et les questions les plus posés, idem.

Il ne me reste plus qu'ici en seul espoir. Merci d'avance pour votre aide et veuillez m'excusez d'avance si j'ai oublié quelque chose ou si la question a été déjà posée.

sacha230899

[Gorgorbey]

Bonjour,

Essayez de l'appliquer à

Code:

#chatbox

ou

Code:

div#chatbox

Cordialement.

[sacha230899]

Bonsoir, excusez-moi mais si j'ai bien compris vous voulez dire que je devrai essayer ceci :

Code:

div#chatbox body.chatbox {background : url("LIEN DE MON IMAGE") bottom right no-repeat fixed; background-color: #COULEUR DU FOND DE LA CB;}

ou bien

Code:

#chatbox body.chatbox {background : url("LIEN DE MON IMAGE") bottom right no-repeat fixed; background-color: #COULEUR DU FOND DE LA CB;}

?

Merci d'avance, sacha230899

[Gorgorbey]

Non pardon je pensais que vous comprendriez.
Essayez

Code:

div#chatbox
{
background-image: URL(URL de votre image);
}

ou

Code:

#chatbox
{
background-image: URL(URL de votre image);
}

[sacha230899]

Ce n'est pas grave . Malheureusement je viens d'essayer et cela ne marche toujours pas . Merci pour votre aide.

[Gorgorbey]

Puis-je avoir le code de votre chatbox latérale ainsi que l'endroit où vous l'avez positionnée ?

[sacha230899]

Je l'ai placé sur le message de la page d'accueil : PA Affichage Généralités

Voici le code :

Code:

<TABLE style="Z-INDEX: 10000; POSITION: fixed; BACKGROUND-COLOR: #none; BOTTOM: 50px; LEFT: 0px"><TBODY><TR><TD><IFRAME style="WIDTH: 800px; DISPLAY: none; HEIGHT: 400px" id=chatboxpop marginHeight=0 src="/chatbox/index.forum?page=front" frameBorder=0 marginWidth=0 scrolling=no></IFRAME></TD><TD style="VERTICAL-ALIGN: bottom"><IMG onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://img197.imageshack.us/img197/8696/opencarrrond.png')?'block':'none';this.src=(this.src=='http://img197.imageshack.us/img197/8696/opencarrrond.png')?'http://img850.imageshack.us/img850/9552/closecarrrond.png':'http://img197.imageshack.us/img197/8696/opencarrrond.png';" src="http://img197.imageshack.us/img197/8696/opencarrrond.png"></TD></TR></TBODY></TABLE>

[Gorgorbey]

Il me faudrait le lien de l'image que vous souhaitez mettre en fond. Vous voulez que cette image fasse toute la chatbox ?

[sacha230899]

Oui je voudrais quel face toute la chatbox ou alors quelque chose de ce genre :



Voici le lien de mon image : http://img836.imageshack.us/img836/2498/zoroar10copie.png

[Gorgorbey]

Supprimez tous le CSS relatif à votre chatbox et mettez-y ceci :

Code:

body.chatbox{
 background-image:url(http://img836.imageshack.us/img836/2498/zoroar10copie.png)
;}

Vous l'aviez mis dans votre premier message. Je viens de tester su votre chatbox et il fonctionne parfaitement.

[sacha230899]

Parfait ça marche juste quelques petits problèmes :

1- J'ai effectivement supprimé tout mon CSS concernant ma chatbox mais je voudrais garder ce code qui modifie le nom de ma Chatbox mais si je le mets, le fond ne s'affiche pas :

Code:

#chatbox_header .cattitle strong { display: none; }
        #chatbox_header .cattitle:before { content: "Mystery's Box"; }
a { text-decoration: none; }

2- Quand j'écris mon texte, le texte est écrit par dessus l'image et on ne voit pas vraiment l'image, existe-t-il un autre moyen ?

Avant :


Après :


Avez-vous une solution ? Si non, ce n'est pas grave. En tout cas, un grand merci à vous !

[Gorgorbey]

Alors ajoutez ceci à votre CSS :

Code:

.chatbox_row_1, .chatbox_row_2, .chatbox_row_3
{
  background-color: transparent;
}

Pour le nom, le mettez pas d'apostrophe c'est qui créé le problème :
Mystery's Box

[sacha230899]

Merci beaucoup !!!!!! Mon problème est résolu, et j'ai enlevé l'apostrophe et tout marche à merveille ! Je vous dois beaucoup, merci encore et si vous avez besoin d'aide, j'essayerai de vous aider également !

sacha230899