Bonjour,

J'ai actuellement un problème pour trouver un code qui consiste à ajouter une image de fond derrière donc, une partie d'un texte.

Cette image pour l'exemple est : http://hpics.li/ba11daf.

Je recherche donc un code qui me permettra dès que j'en aurai l'envi d'afficher cette image derrière mon texte.

Merci pour toute l'aide que vous me procurerez.

Code:

 <div style="background:url(http://img4.hostingpics.net/pics/685125ScreenShot006.png);width:__px;height:__px;>Ton texte</div>

Cela ne semble pas fonctionner, il n'y a rien à mettre pour la hauteur et la largeur, cela se met automatiquement.

Le code, ll faut bien le mettre directement dans le message ?

Mmmh.

Bonsoir;

Il manque juste une guillemet dans le message de Hiro' :

Code:

<div style="background:url(http://img4.hostingpics.net/pics/685125ScreenShot006.png)">Ton texte</div>

Et pour décaler le texte de la bordure - parce que ça rend mieux xD - suffit de ajouter un "padding-left"

Code:

<div style="background:url(http://img4.hostingpics.net/pics/685125ScreenShot006.png); padding-left: 7px;">Ton texte</div>

Tu roks, dubble merci !

Edit : Mince, ça ne marche toujours pas, il y a une manipulation spécial à faire avant ou pour que ça marche ? :/

Tu veux le mettre où ce code ?
Si c'est dans un message; vérifie bien que tu autorises le HTML dans ton profil >> Préférences; et dans ton panneau d'administration : Général >> Messages & Email - si j'ai bonne mémoire xD

Ha ok, il est désactivé. Est ce que tu sais si j'active le Html, est ce que ça va poser des soucis de sécurité ?

Nan pas du tout =)
Ca te permettra d'utiliser les balises HTML en fait, de personnaliser plus tes messages; mais ton forum ne risque rien ^^

Ok,

Est que c'est possible que l'image ne se répète pas ? Et peut on faire en sorte que le texte passe à la ligne dès que l'image est fini ou il faut le faire manuellement ?

Merci.

Le texte repars à la ligne automatiquement; comme dans un message normal =)

Si tu veux juste une seule fois l'image; faut rajouter un "no-repeat" :

Code:

<div style="background:url(http://img4.hostingpics.net/pics/685125ScreenShot006.png) no-repeat; padding-left: 7px;">Blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla</div>

Ou si tu veux que ça se répète dans la hauteur, tu rajoutes une largeur pour l'image ;

Code:

<div style="background:url(http://img4.hostingpics.net/pics/685125ScreenShot006.png); width: 670px; padding-left: 7px;">Blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla blablabla bla blablabla bla blabla</div>

Après je ne sais pas ce que tu veux en faire spécialement de ce code xD C'pour mettre juste dans un seul message ou plusieurs fois sur ton forum ?

Ok. C'est pour afficher une liste des mises à jours d'un jeu. Je te remercie de m'avoir aider et pour avoir résolu mon problème.

Merci beaucoup.

De rien =)
Je classe donc, bonne continuation avec ton forum =)