Tutoriel pour image de fond de la chatbox

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

Résolu Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Jeu 18 Oct 2012 - 16:01

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

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. Very Happy

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


Dernière édition par petitefeuille le Dim 21 Oct 2012 - 17:20, édité 1 fois

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par _Tonton_ le Jeu 18 Oct 2012 - 18:22

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

_Tonton_
*****

Messages : 619
Inscrit(e) le : 19/02/2011

http://civ-protec.online-talk.net/
_Tonton_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Jeu 18 Oct 2012 - 18:32

montonton a écrit: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

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par _Tonton_ le Jeu 18 Oct 2012 - 18:38

Format jpeg Wink

_Tonton_
*****

Messages : 619
Inscrit(e) le : 19/02/2011

http://civ-protec.online-talk.net/
_Tonton_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Jeu 18 Oct 2012 - 19:14

montonton a écrit:Format jpeg Wink

serez vous quelle dimension ??

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Alex Fowl le Jeu 18 Oct 2012 - 20:04

Bonsoir,

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

Cordialement,

Alex Fowl
+ Hyperactif +

Masculin
Messages : 7557
Inscrit(e) le : 28/03/2009

http://www.aidactif.fr
Alex Fowl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Jeu 18 Oct 2012 - 20:09

@Alex Fowl a écrit:Bonsoir,

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

Cordialement,

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

Bonne soirée à vous tous I love you

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Ven 19 Oct 2012 - 13:37

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 Smile

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Dragon12901 le Ven 19 Oct 2012 - 14:10

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 ?

Dragon12901
****

Masculin
Messages : 205
Inscrit(e) le : 13/04/2009

http://motard1j.fr1.co/
Dragon12901 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Ven 19 Oct 2012 - 15:08

@Dragon12901 a écrit: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 Smile

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par _Tonton_ le Ven 19 Oct 2012 - 18:27

Bonsoir,

Essayé ceci:

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

Cordialement

_Tonton_
*****

Messages : 619
Inscrit(e) le : 19/02/2011

http://civ-protec.online-talk.net/
_Tonton_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Ven 19 Oct 2012 - 22:25

montonton a écrit: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 Smile

Bonne soirée

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Dragon12901 le Sam 20 Oct 2012 - 1:26

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 ?


@petitefeuille a écrit:Bonjour Dragon12901, je vois que je ne suis pas la seule intéressée Smile

non lol.

Dragon12901
****

Masculin
Messages : 205
Inscrit(e) le : 13/04/2009

http://motard1j.fr1.co/
Dragon12901 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Kuro Akuma le Sam 20 Oct 2012 - 10:06

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


Kuro Akuma
***

Féminin
Messages : 105
Inscrit(e) le : 22/07/2011

http://arche-noe.lebonforum.com/
Kuro Akuma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Dim 21 Oct 2012 - 15:06

montonton a écrit: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 Smile

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par _Tonton_ le Dim 21 Oct 2012 - 15:14

Bonjour,

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

_Tonton_
*****

Messages : 619
Inscrit(e) le : 19/02/2011

http://civ-protec.online-talk.net/
_Tonton_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Dim 21 Oct 2012 - 15:50

montonton a écrit:Bonjour,

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

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

Mes amitiés

Je relance ma demande Smile

@petitefeuille a écrit: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 Smile

Merci à vous

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Kuro Akuma le Dim 21 Oct 2012 - 16:29

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.

Kuro Akuma
***

Féminin
Messages : 105
Inscrit(e) le : 22/07/2011

http://arche-noe.lebonforum.com/
Kuro Akuma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par Dragon12901 le Dim 21 Oct 2012 - 16:46

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

Dragon12901
****

Masculin
Messages : 205
Inscrit(e) le : 13/04/2009

http://motard1j.fr1.co/
Dragon12901 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel pour image de fond de la chatbox

Message par petitefeuille le Dim 21 Oct 2012 - 17:19

@Kuro Akuma a écrit:
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 !!!! flower +1 Wink


sujet résolu !!

petitefeuille
*****

Féminin
Messages : 839
Inscrit(e) le : 01/12/2010

http://www.petitefeuille.net/
petitefeuille 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