Appliquer une image comme fond d'un texte.

[V@l]

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 !

[Gorgorbey]

Bonjour,

Il vous suffit de créer un style CSS que tu nommes.
PA Affichage Images et couleurs Couleurs 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.

[V@l]

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

[Gorgorbey]

Vous devez activer le HTML
https://forum.forumactif.com/t285442-activation-du-html-3-points-de-controle#2522474

[V@l]

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


Image utilisée comme fond

[Gorgorbey]

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

[V@l]

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
Comment faire pour le déplacer ?
Merci d'avance

[Gorgorbey]

Désolé pour l'attente je cherchais^^
Dans le code ci-dessus, ajoutez ceci :

Code:

text-indent:30px;

[V@l]

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

[Gorgorbey]

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

[V@l]

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

[Gorgorbey]

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>

[V@l]

MERCI ! MERCI ! MERCIIII !

[Gorgorbey]

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

[V@l]

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

[Gorgorbey]

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