Transparence d'une image

More
10 months 2 weeks ago #162955 by Remundo
Remundo created the topic: Transparence d'une image
Bonjour,

J'ai importé une image en fond d'un questionnaire mais j'aimerais qu'elle soit légèrement transparente.
J'arrive à rendre transparent des éléments du questionnaire mais pas l'image.
Mon image est intégrée dans le template.css comme ceci :

html {
/*background: #EEE url() 0 0 repeat-x; couleur de fond*/
background: url(affiche-ls.jpg) #FFF 50% 50%;
background-size: 100%;
font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, sans-s:) erif;
nt-size: 8pt
}

Auriez-vous un petit bout de code pour me venir en aide :)


Bonne journée

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162957 by Nickko
Nickko replied the topic: Transparence d'une image
Je pense que ça dépend du thème, non ?

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162958 by Remundo
Remundo replied the topic: Transparence d'une image
En fait j'aimerais juste avoir le bout de code qui rend une image de fond plus ou moins transparente

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162959 by Nickko
Nickko replied the topic: Transparence d'une image
Ah pardon.

Alsacréation (une de mes sources de référence) me dit ça : forum.alsacreations.com/topic-4-69839-1-...ackground-image.html

Nickko
Head of ergonomics, UX & UI.
The following user(s) said Thank You: LouisGac

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162960 by Remundo
Remundo replied the topic: Transparence d'une image
Merci Niccko mais je suis déjà tombé sur ce site.

En fait je en sais pas où mettre le code "opacity:0.75;" pour que seulement mon image soit concernée et non tout le reste.

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162967 by Nickko
Nickko replied the topic: Transparence d'une image
Comment inserts-tu l'image ?
Le mieux c'est de mettre un ID sur l'image si elle n'en a pas déjà un et dans la feuille de style du fait :

#ID de l'image {
opacity:0.75
}

Sinon, tu peux aussi ajouter un attribut style="opacity:0.75" dans la balise image mais c'est moins propre.

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162991 by Remundo
Remundo replied the topic: Transparence d'une image
Si je le mets la-dedans ça me rend tout le cadre des questions transparent mais pas l'image :(

html {
/*background: #EEE url() 0 0 repeat-x; couleur de fond*/
background: url(affiche-ls.jpg) #FFF 50% 50%;
opacity:0.75;
background-size: 100%;
font-family: Calibri, Arial, Tahoma, Verdana, Helvetica, sans-s:) erif;
nt-size: 8pt
}

Pour la deuxième solution tu veux dire un truc du type
<div id="html"> opacity:0.75; </div> à mettre dans fichier .pstpl ou .css ?

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #162992 by Nickko
Nickko replied the topic: Transparence d'une image
Rien de tout ça.

J'ai l'impression que tu ne comprends pas ce que tu écris.

Un cours serait un peu délicat à dispenser par forum, je vais tenter de proposer un lien qui pourra t'aider à comprendre.

On peut peut-être en parler de vive voix (par téléphone, si tu veux, donne moi ton numéro de téléphone par e-mail, mon adresse c'est nickko, mon pseudo @limesurvey.org).

Et voila un lien donc : fr.wikibooks.org/wiki/Le_langage_CSS/Les_s%C3%A9lecteurs

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
10 months 2 weeks ago #163010 by LouisGac
LouisGac replied the topic: Transparence d'une image
je conseillerais ce cours également:
openclassrooms.com/courses/apprenez-a-cr...b-avec-html5-et-css3

Le Site du Zero a bien progressé ^^

Please Log in or Create an account to join the conversation.

More
10 months 1 week ago - 10 months 1 week ago #163206 by Remundo
Remundo replied the topic: Transparence d'une image


En fait j'aimerais que le motif de fond soit légèrement transparent afin d'être moins lourd sur la page..

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Attachments:
Last Edit: 10 months 1 week ago by Remundo.

Please Log in or Create an account to join the conversation.

More
10 months 1 week ago #163207 by Alterre21
Alterre21 replied the topic: Transparence d'une image
S'il s'agit "juste" d'adoucir l'image de fond, tu peux aussi la travailler en local et la réimporter.
Il n'y aura pas de transparence (et alors ? tu ne veux rien afficher dessous, si j'ai bien compris). Si tu veux juste la rendre plus "pastel", plus douce, ça doit pouvoir se faire sur ton image directement.
... enfin je pense. ;-)

Please Log in or Create an account to join the conversation.

More
10 months 1 week ago #163209 by Remundo
Remundo replied the topic: Transparence d'une image
J'avais essayé sans succès l'autre jour mais aujourd'hui cela fonctionne.

Merci et désolé de vous avoir embêter pour si peu.

Bonne journée

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

More
10 months 1 week ago #163211 by Nickko
Nickko replied the topic: Transparence d'une image
Le motif de fond, c'est ce qui est en arrière plan ?
Dans ce cas même en semi transparent, tu ne le verra pas car le carré blanc est devant. Et lorsque tu mets un objet opaque devant un objet transparent, on ne voit que l'objet opaque.

Ce qu'il faut que tu fasses, c'est rendre la zone blanche partiellement transparent (attention à la lisibilité).

Le code est le même que pour rendre l'image semi-transparente mais il faut trouver le bon élément.
Est-ce que tu as réussi à digérer les liens qu'on t'a donné ?

Sinon, as-tu pensé à passer par un professionnel qui pourra te faire la modification sans que tu ne doives mettre les mains dans le code ?

Nickko
Head of ergonomics, UX & UI.

Please Log in or Create an account to join the conversation.

More
10 months 1 week ago #163214 by Remundo
Remundo replied the topic: Transparence d'une image
Merci Niccko mais c'est bon, c'était uniquement rendre l'image de fond moins visible pour adoucir le questionnaire.

Rémi B.
Technicien en production et analyse de données
Service de l'évaluation, des études et du pilotage
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex

Please Log in or Create an account to join the conversation.

Moderators: Nickko

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!