Problème image cadre de réponse

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème image cadre de réponse

Message par Shashy le Mer 7 Mai 2014 - 16:24

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://i58.servimg.com/u/f58/18/82/33/07/aider-11.png

Je vous remercie énormément d'avance !

Cordialement.


Dernière édition par Shashy le Mer 7 Mai 2014 - 20:28, édité 1 fois

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Kinotto le Mer 7 Mai 2014 - 17:03

Bonjour,

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

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Shashy le Mer 7 Mai 2014 - 17:04

Bonsoir,

Je confirme. Smile

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Kinotto le Mer 7 Mai 2014 - 17:07

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.


Dernière édition par Nightmare. ♕ le Mer 7 Mai 2014 - 19:55, édité 1 fois (Raison : Erreur dans le code.)

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Shashy le Mer 7 Mai 2014 - 17:25

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

Sans succès.

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Kinotto le Mer 7 Mai 2014 - 18:59

Re,

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

Quel est le code que vous avez essayé ?

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Shashy le Mer 7 Mai 2014 - 19:02

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

Merci pour votre grande aide !

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Kinotto le Mer 7 Mai 2014 - 19:47

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème image cadre de réponse

Message par Shashy le Mer 7 Mai 2014 - 20:28

Re bonsoir,

Merci beaucoup pour votre intervention, ça fonctionne. Smile

Shashy
****

Féminin
Messages : 306
Inscrit(e) le : 01/12/2013

http://www.forumactif.com/
Shashy 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