rendre opaque une image de fond dans l'editeur

4 participants

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

Résolu rendre opaque une image de fond dans l'editeur

Message par ptitegirafe54 Ven 29 Mai 2015 - 19:21

bonjour , je souhaiterais rendre une image de fond dans l’éditeur plus transparente .
j'ai trouvé le code opacity 0.5 à intégrér dans le code css mais cela rend l'image et le texte plus clairs.
Ce que je souhaiterais , c'est d'avoir uniquement l'image insérée touchée par ce code

Code:
      .sceditor-container iframe, .sceditor-container textarea {
          background: url(http://i19.servimg.com/u/f19/13/89/90/82/scrapp10.gif) !important;
          background-repeat: no-repeat !important;
          background-position: right bottom !important;
          color: #121010!important;
        }
Alors je sais qu'il existe des traitements d'image sur plusieurs sites mais je souhaiterais déjà passer par ce système si possible avant
merci pour vos réponses !
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par horusbk Ven 29 Mai 2015 - 19:27

Bonjour^^

J'ai ce code à vous proposer :

Code:
body {
background-image: url("VOTRE IMAGE");
background-repeat: no-repeat !important;
background-position: right bottom !important;
}

#background_opacity {
position: fixed;
z-index: -10;
top: 0; left: 0; right: 0; bottom: 0;
background-color: rgba(255, 255, 255, 0.5);
}
Remplacer VOTRE IMAGE par le lien de l'image.
A la ligne "background-color" modifier les valeurs, c'est ici que l'opacité ce règle.

Cordialement et en espérant vous avoir été utile  Smile
1baptiste
horusbk

horusbk
*****

Masculin
Messages : 625
Inscrit(e) le : 14/02/2015

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

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par MlleAlys Ven 29 Mai 2015 - 21:07

Bonjour,
Le code proposé ne fonctionnera pas ici (la première partie attribue une image de fond à la page entière, la deuxième partie attribue une couleur rgba à un élément d'identifiant #background_opacity qui n'est pas l'éditeur. Et si on peut modifier l'opacité des couleurs grâce au codage rgba, ça ne fonctionne pas avec les images)
La solution est bien de modifier l'image pour lui appliquer directement la transparence avec un format png.
MlleAlys

MlleAlys
Membre actif

Messages : 5793
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par amarid Ven 29 Mai 2015 - 21:50

Bonsoir

Moi je suis passé par photoshop opacité du png à 40%
voila mais cela marche aussi avec gimp qui à l'avantage d'etre gratuit
amarid

amarid
*

Messages : 40
Inscrit(e) le : 22/05/2015

http://amarid.forum-pro.fr/
amarid a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par ptitegirafe54 Ven 29 Mai 2015 - 22:02

MlleAlys a écrit:Bonjour,
Le code proposé ne fonctionnera pas ici (la première partie attribue une image de fond à la page entière, la deuxième partie attribue une couleur rgba à un élément d'identifiant #background_opacity qui n'est pas l'éditeur. Et si on peut modifier l'opacité des couleurs grâce au codage rgba, ça ne fonctionne pas avec les images)
La solution est bien de modifier l'image pour lui appliquer directement la transparence avec un format png.
Si je comprends bien , pas de solution mis a part le traitement extérieur de l'image ?
avatar

ptitegirafe54
***

Masculin
Messages : 167
Inscrit(e) le : 11/09/2014

http://www.majorette-rail-route.com
ptitegirafe54 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par MlleAlys Ven 29 Mai 2015 - 22:21

Je suppose que si il doit y avoir d'autres solutions (il y a toujours d'autres solutions Twisted Evil ), mais je ne les connais pas, et elles sont certainement beaucoup plus compliquées, je doute que ça vaille le coup Razz
MlleAlys

MlleAlys
Membre actif

Messages : 5793
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par MlleAlys Jeu 4 Juin 2015 - 18:25

.rendre opaque une image de fond dans l'editeur  U10bBxG.Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile
MlleAlys

MlleAlys
Membre actif

Messages : 5793
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: rendre opaque une image de fond dans l'editeur

Message par MlleAlys Ven 5 Juin 2015 - 19:26

.rendre opaque une image de fond dans l'editeur  UUqryIu.Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou à faire un UP régulièrement ! Wink

Ce sujet est corbeillé (rappel de pourquoi), merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

A bientôt sur ForumActif Smile
MlleAlys

MlleAlys
Membre actif

Messages : 5793
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum