Appliquer une image comme fond d'un texte.

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

Résolu Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 17:48

Bonjour ! J'ai remarqué que des gens du staff réussissaient à appliquer un fond à leur texte sous forme d'image.
Comment faire la même chose ?
Merci d'avance pour votre réponse !


Dernière édition par V@l le Mer 11 Mai 2011 - 19:02, édité 1 fois

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

V@l a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 17:53

Bonjour,

Il vous suffit de créer un style CSS que tu nommes.
PA Arrow Affichage Arrow Images et couleurs Arrow Couleurs Arrow Onglet Feuille de style CSS
Mettez ceci :
Code:
.cadre
{
background-image:URL("Ton adresse d'image");
}

Ensuite dans ton message tu mets :
<div class="cadre">Ton message</div>

Amicalement.

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 18:04

Ca ne marche pas :/
Uniquement le code s'affiche

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 18:06


Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 18:10

En effet ça fonctionne maintenant mais y'a un bug :/


Image utilisée comme fond

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 18:13

Dans le CSS, rajoute ceci :
Code:
width:200px;
height:200px;

Ca donne :
Code:
.cadre
{
background-image:URL("Ton adresse d'image");
width:200px;
height:200px;
}

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 18:18

J'ai adapté le code aux dimensions de l'image (300x250).
Voilà le résultat

L'image apparait en entier, c'est super, mais le texte n'est pas à la bonne place Mad
Comment faire pour le déplacer ?
Merci d'avance

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 18:38

Désolé pour l'attente je cherchais^^
Dans le code ci-dessus, ajoutez ceci :
Code:
text-indent:30px;

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 18:42

Merci mais le texte ne s'est déplacé qu'horizontalement.
Comment le faire descendre ?

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 18:44

Oh c'est tout simple, lorsque tu édites ton message, fait des retours à la ligne^^
La touche "Entrer".

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 18:49

Ca ne marche pas. Quand je fait des retours à la lignes, le texte retourne sur la gauche de l'image Sad

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 18:54

Effectivement autant pour moi mais on va y arriver^^
Entoure ton texte des balises <p> et </p> ce qui donne :

retours à la ligne<p>Ton texte</p>

thumleft

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 19:01



MERCI ! MERCI ! MERCIIII ! ok

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 19:06

Je viens de me rendre compte que normalement cela ne décale que la première ligne...
Pas toi ?

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Appliquer une image comme fond d'un texte.

Message par V@l le Mer 11 Mai 2011 - 19:08

Si, mais je n'ai qu'a rajouter des <p></p>

V@l
Nouveau membre

Masculin
Messages : 12
Inscrit(e) le : 08/05/2011

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

Résolu Re: Appliquer une image comme fond d'un texte.

Message par Gorgorbey le Mer 11 Mai 2011 - 19:13

Oui j'y avait pensé mais c'est lourd^^
Enfin bon c'est possible c'est l'essentiel Smile

Gorgorbey
+ Hyperactif +

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

http://w4rx.forumactif.com/
Gorgorbey 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