Image de fond pour quelques messages seulement

[MelissaD]

Bonjour,

Voilà j'aimerais comme dans une PA mettre une image de fond, avec le texte qu'on écrit directement au-dessus de l'image. Donc au lieu de faire le texte avec photofiltre ou autre j'aimerais pouvoir directement écrire dessus via le forum, comme pour les PA.
(Avec barre de défilement)
J'aimerais aussi des images avec infobulles.
J'ai essayé mais le problème est que je ne sais pas du tout comment m'y prendre pour faire ça sans que ça ne change également la PA, vu qu'elle aussi est codée ainsi.

Voici un exemple de ma PA que je voudrais faire dans des messages :

Spoiler:

Et voici l'image de fond que je voudrais :
https://nsa30.casimages.com/img/2012/06/27/120627125851909064.png

Donc je voudrais des barres de défilement dans toutes les bulles, et du texte également partout. Sauf dans la bulle "A améliorer" là j'aimerais des images avec infobulles.

Serait-ce possible de le faire, svp ?
Et désolée si je me suis trompée de catégorie pour ce message ou si je ne suis pas assez clair.

Merci d'avance de vos réponses.

[Threax]

Bonjour,

Le HTML est-il activé dans les messages sur votre forum ?

[MelissaD]

Bonjour,

Oui il est activé

[MelissaD]

Up svp?

[MelissaD]

Up?

[Invité]

Bonjour,

Un essai:

Code:

<table style="background:url('http://nsa30.casimages.com/img/2012/06/27/120627125851909064.png');width: 740px; height: 470px;margin: auto;"><tr><td rowspan="2" width="410"><div style="height: 105px; width:410px;"></div><div style=" width: 305px;height: 70px; overflow-y: auto;margin-left: 50px;padding: 5px;"> bla bla bla DESCRIPTION bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla bla</div></td>
<td><div style="height: 150px;"></div></td></tr><tr><td rowspan="2"><div style="width: 200px;height: 45px; overflow-y: auto;margin-left: 50px;margin-top: 12px;padding: 5px;"> bla bla bla bla CLASSE bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla bla</div></td></tr><tr><td><div style="width: 205px;height: 45px; overflow-y: auto;margin-left: 170px;margin-top: 23px;padding: 5px;"> bla bla bla bla PTS DE CARAC' bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla bla</div></td></tr><tr><td></td><td><div style=" width: 205px;height: 45px; overflow-y: auto;margin-left: 20px;margin-top: 15px;padding: 5px;"> bla bla bla bla A AMELIORER bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla  bla bla bla bla bla bla bla bla bla bla</div></td></tr></table>

Pour la partie en infobulle, vous devriez pouvoir utiliser les même codage que pour la page d'accueil en réalisant un petit tableau dans la div correspondante.

Bien sincèrement.

[MelissaD]

Bonjour,

Le texte est décalé comparé aux bulles de l'image. Que dois-je changer pour modifier la hauteur du texte, etc. ?

Merci =)


EDIT: J'ai trouvé. Merci beaucoup, c'est super, le sujet est donc résolu.