Appliquer une image comme fond d'un texte.

Poster un nouveau sujet   Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

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
avatar

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

Gorgorbey
Membre actif

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
avatar

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

avatar

Gorgorbey
Membre actif

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
avatar

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

Gorgorbey
Membre actif

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
avatar

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

Gorgorbey
Membre actif

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

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".
avatar

Gorgorbey
Membre actif

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
avatar

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
avatar

Gorgorbey
Membre actif

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
avatar

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

Gorgorbey
Membre actif

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

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
avatar

Gorgorbey
Membre actif

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