Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Transparence d'une image

  • Remundo
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 2 months ago #162955 by Remundo
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

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
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 months ago #162957 by Nickko
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
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 2 months ago #162958 by Remundo
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
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 months ago #162959 by Nickko
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

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • Remundo
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 2 months ago #162960 by Remundo
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.

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
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 months ago #162967 by Nickko
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.

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • Remundo
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 2 months ago #162991 by Remundo
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 ?

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
  • Nickko's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 2 months ago #162992 by Nickko
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

Nickko
Head of ergonomics, UX & UI.
The topic has been locked.
  • LouisGac
  • LouisGac's Avatar
  • Visitor
  • Visitor
6 years 2 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é ^^
The topic has been locked.
  • Remundo
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 1 month ago - 6 years 1 month ago #163206 by Remundo
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 1 month ago by Remundo.
The topic has been locked.
More
6 years 1 month 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. ;-)
The topic has been locked.
  • Remundo
  • Remundo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
6 years 1 month ago #163209 by Remundo
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

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

Lime-years ahead

Online-surveys for every purse and purpose