Tutoriel pour image de fond de la chatbox

[petitefeuille]

Bonjour,

Ayant parcouru le forum à la recherche d’un tutoriel, pour mettre sur la chatbox une image, je ne l’ai pas trouvé.( Si le topic existe, je suis désolée )

En fait, j’aimerai bien si possible, un tutoriel pour m’installer une image de fond pour la chatbox, expliquant aussi, comment la redimensionner si besoin est.

Merci de votre patience pour nous qui bataillons afin d’embellir notre forum.

A bientôt de vous lire, mes amitiés

[_Tonton_]

Bonsoir,

Mettez ce code dans votre feuille de CSS

PA>affichage>gestion des couleurs
onglet feuille de css

Code:

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


cordialement

[petitefeuille]

Bonsoir,

Mettez ce code dans votre feuille de CSS

PA>affichage>gestion des couleurs
onglet feuille de css

Code:

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


cordialement

Merci de votre réponse, j'ai vu en effet cette réponse déjà posté, sauf que cela ne s’affiche pas. Donc la question est, l'image doit être de quel format ? IPJ ou autre ?
J'essaie de comprendre !!
A bientôt

[_Tonton_]

Format jpeg

[petitefeuille]

Format jpeg

serez vous quelle dimension ??

[Alex Fowl]

Bonsoir,

Normalement les dimensions sont de : 800px * 400px !

Cordialement,

[petitefeuille]

Bonsoir,

Normalement les dimensions sont de : 800px * 400px !

Cordialement,

Merci demain j'essayerai pour se soir fini le PC je vous tiens au courant.

Bonne soirée à vous tous

[petitefeuille]

Bonjour,

En effet l'image fonctionne, mais pas stable ! Aussi comment garder l'image sur la chatbox quand on écrit dessus ? voir ci-dessous:

Spoiler:

A bientôt de vous lire

[Dragon12901]

bonjour,

Oui sa marche nikel mais effectivement il faudrait que le fond de la chat-box comme la dit petitefeuille sois en faite translucide, il y a un bout de code à rajouter au CSS ?

[petitefeuille]

bonjour,

Oui sa marche nikel mais effectivement il faudrait que le fond de la chat-box comme la dit petitefeuille sois en faite translucide, il y a un bout de code à rajouter au CSS ?

Bonjour Dragon12901, je vois que je ne suis pas la seule intéressée

[_Tonton_]

Bonsoir,

Essayé ceci:

Code:

background-image:url(urldelimage)
        ;}
       
        .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
        }

Cordialement

[petitefeuille]

Bonsoir,

Essayé ceci:

Code:

background-image:url(urldelimage)
        ;}
       
        .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
        }

Cordialement

Bonsoir et merci montonton, je l'essayerai demain, pour fini le PC pour se soir

Bonne soirée

[Dragon12901]

Rebonsoir,

Alors sa m'indique une erreur dans le CSS quand je valide, je pense qu'il doit manquer un

Code:

{

non ?

et secondo faut t'il rajouter ce nouveau code avec celui la ?

Code:

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

ou faut il enlever ?

Bonjour Dragon12901, je vois que je ne suis pas la seule intéressée

non lol.

[Kuro Akuma]

Je profite du sujet ^^ *également interessée*
Perso j'ai testé, et il faut mettre les deux l'un en dessous de l'autre ^^

Par contre c'est possible d'oter ça ? :

[petitefeuille]

Bonsoir,

Essayé ceci:

Code:

background-image:url(urldelimage)
        ;}
       
        .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
        }

Cordialement

Bonjour,

Je confirme,

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

à bientôt de vos nouvelles

[_Tonton_]

Bonjour,

Désolé je suis a cours d’idée

[petitefeuille]

Bonjour,

Désolé je suis a cours d’idée

Pas de souci et merci de m'avoir aidé, peut-être qu'une autre personne le saura

Mes amitiés

Je relance ma demande

Bonjour,

En effet l'image fonctionne, mais pas stable ! Aussi comment garder l'image sur la chatbox quand on écrit dessus ? voir ci-dessous:

Spoiler:

A bientôt de vous lire

Merci à vous

[Kuro Akuma]

Code:

body.chatbox {
        background-image: url('URL DE L'IMAGE');
        }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
        }

doivent etre mis ensemble ^^ Ca marche correctement.

[Dragon12901]

Ba voilas tes un chef ! je pense que la personne concerner va pouvoir mettre RESOLU pour moi sa marche nikel et sa déchire !!! lol

[petitefeuille]

Code:

body.chatbox {
        background-image: url('URL DE L'IMAGE');
        }
.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
        background: none;
        }

doivent etre mis ensemble ^^ Ca marche correctement.

Merciiiiiiiiii Kuro Akuma, tu es trop génial !!!! +1


sujet résolu !!