- Posts: 442
- Thank you received: 25
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Transparence d'une image
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
6 years 3 months ago #162955
by Remundo
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Transparence d'une image was created by Remundo
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
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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
The topic has been locked.
- Nickko
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
6 years 3 months ago #162957
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on topic Transparence d'une image
Je pense que ça dépend du thème, non ?
Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 442
- Thank you received: 25
6 years 3 months ago #162958
by Remundo
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Replied by Remundo on 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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
The topic has been locked.
- Nickko
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
6 years 3 months ago #162959
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on 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
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 topic has been locked.
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 442
- Thank you received: 25
6 years 3 months ago #162960
by Remundo
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Replied by Remundo on 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.
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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
The topic has been locked.
- Nickko
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
6 years 3 months ago #162967
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on 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.
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.
The topic has been locked.
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 442
- Thank you received: 25
6 years 3 months ago #162991
by Remundo
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Replied by Remundo on 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 ?
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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
The topic has been locked.
- Nickko
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 1955
- Thank you received: 410
6 years 3 months ago #162992
by Nickko
Nickko
Head of ergonomics, UX & UI.
Replied by Nickko on 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
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.
The topic has been locked.
- LouisGac
- Visitor
6 years 3 months ago #163010
by LouisGac
Replied by LouisGac on 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é ^^
openclassrooms.com/courses/apprenez-a-cr...b-avec-html5-et-css3
Le Site du Zero a bien progressé ^^
The topic has been locked.
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 442
- Thank you received: 25
6 years 2 months ago - 6 years 2 months ago #163206
by Remundo
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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Replied by Remundo on 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, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Attachments:
Last edit: 6 years 2 months ago by Remundo.
The topic has been locked.
- Alterre21
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
6 years 2 months ago #163207
by Alterre21
Replied by Alterre21 on 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.
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.
The topic has been locked.
- Remundo
- Topic Author
- Offline
- Platinum Member
Less
More
- Posts: 442
- Thank you received: 25
6 years 2 months ago #163209
by Remundo
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
Replied by Remundo on 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
Merci et désolé de vous avoir embêter pour si peu.
Bonne journée
Rémi B.
Technicien en production, traitement, analyse de données et enquêtes
Observatoire de la réussite et de la vie étudiante (OREVE)
15, Rue de l'Hôtel Dieu 86022 POITIERS Cedex
The topic has been locked.
Moderators: Nickko