rendre opaque une image de fond dans l'editeur

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 le 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 !

ptitegirafe54
***

Masculin
Messages : 163
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 le 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
*****

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

http://forumtest-horus.forumactif.org/
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 le 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
+ Hyperactif +

Messages : 4340
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 le 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
*

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

ptitegirafe54
***

Masculin
Messages : 163
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 le 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
+ Hyperactif +

Messages : 4340
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 le Jeu 4 Juin 2015 - 18:25

..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
+ Hyperactif +

Messages : 4340
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 le Ven 5 Juin 2015 - 19:26

..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
+ Hyperactif +

Messages : 4340
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


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