Problème image cadre de réponse

[Shashy]

Bonjour à tous,

Je vous pose ma problématique:

Je n'arrive pas à installer l'image dans le code CSS, celle-ci s'affiche en plusieurs fois et je ne souhaite pas obtenir ce résultat.

Je souhaiterai finalement que cette image soit centrée, ne se répète pas et qu'elle soit légèrement (comme forumactif) transparente pour éviter de ne pas voir les écrits des membres lorsqu'ils écrivent.

Voici l'image en question que je veux: https://i.servimg.com/u/f58/18/82/33/07/aider-11.png

Je vous remercie énormément d'avance !

Cordialement.

[Invité]

Bonjour,

Vous voulez mettre cette image en fond de post, est-ce bien cela ?

Cordialement.

[Shashy]

Bonsoir,

Je confirme.

[Invité]

Bonjour,

Essayez ceci dans affichage > couleurs > feuille de style CSS :

Code:

.postbody{
  background:url(http://i58.servimg.com/u/f58/18/82/33/07/aider-11.png) no-repeat center center;
  opacity:0.8;
}

A noter qu'avec cette technique la transparence s'applique aussi au corps du texte. Il faudrait dans le cas contraire réduire l'opacité de l'image graphiquement.

Cordialement.

[Shashy]

Cela ne fonctionne pas. J'ai essayé en fait avec ce tutoriel: https://forum.forumactif.com/t357112-ajouter-une-image-dans-le-cadre-de-reponse

Sans succès.

[Invité]

Re,

Mon code visait à modifier le visuel d'un message, pas le cadre de réponse. D'où votre insatisfaction.

Quel est le code que vous avez essayé ?

Cordialement.

[Shashy]

Re !

Celui-ci:

Code:

.sceditor-container iframe, .sceditor-container textarea {
background:urlhttp://i58.servimg.com/u/f58/18/82/33/07/aider-11.png)!important;
background-repeat : no-repeat;
background-position : center}


Et je souhaiterai également le code afin de mettre l'image légèrement "dissipée", vous voyez ce que je veux dire ?

Merci pour votre grande aide !

[Invité]

Re,

Remplacez votre code par celui-ci :

Code:

.sceditor-container iframe, .sceditor-container textarea {
  background: url(http://i58.servimg.com/u/f58/18/82/33/07/aider-11.png) no-repeat center center !important;
}

Pour la transparence, il faudrait utiliser ce code :

Code:

.sceditor-container iframe, .sceditor-container textarea {
  background: url(http://i58.servimg.com/u/f58/18/82/33/07/aider-11.png) no-repeat center center !important;
  opacity:0.8;
}

=> Vous pouvez modifier la valeur 0.8 sachant qu'elle doit être située entre 0 (transparent) et 1 (opaque).

Néanmoins, je vous cite ce que j'ai dit plus haut :

A noter qu'avec cette technique la transparence s'applique aussi au corps du texte. Il faudrait dans le cas contraire réduire l'opacité de l'image graphiquement.

Cordialement.

[Shashy]

Re bonsoir,

Merci beaucoup pour votre intervention, ça fonctionne.