Forum - En vrac ! - image de fond en filigrane
le 27/02/2020 @ 10:26
par tonton_christian
Bonjour Jean Denis J'ai vu tes réponses avisée sur le forum de GuppY, je viens donc directement à la source. Je suis en train de migrer un site de V4 à V5 et, outre le gros chantier de transposition de mes plugins, je voudrais profiter des améliorations visuelles indéniables de la V5. Sur le site nouveau.ladralha.fr, tout en bas de la colonne de droite, après le compteur, il y a une boite libre avec une image de fond est un texte dont la totalité est un lien vers un site extérieur. Je voudrais que tout ça soit lisible: image en filigrane et texte visible et lisible. La partie du source correspondant est : "
J'ai mis dans styleplus : " .FB2R1039 { /* FreeBox identifier les plantes */ background: url(../../img/valerie/fleur.jpg) center norepeat; opacity: 50%; } .freebox1039 { /* FreeBox identifier les plantes */ opacity: 100%; color: #000000; } " Mais visiblement ce n'est pas bon. Ca fait un moment que je cherche car je n'y connais rien, puis je me suis dit que tu devrais me trouver ça en 2 minutes. Si ce n'est pas le cas, ne perts pas ton temps, je ferais autre chose. Merci quand mêmme de m'avoir lu. Salutations sincères. Christian
--------
le 27/02/2020 @ 11:07
par JeanDenis
Administrateur
Bonjour Christian,
Je viens de regarder...
Une simple erreur de syntaxe...
Tu as actuellement
.FB2R1039 { /* FreeBox identifier les plantes */ background: url(../../img/valerie/fleur.jpg) center norepeat; opacity: 50%; }
Corrige (et éventuellement ajoute l'instruction supplémentaire)
.FB2R1039 { /* FreeBox identifier les plantes */ background: url(../../img/valerie/fleur.jpg) center no-repeat; background-size: 100%; opacity: 50%; }
Bien cordialement,
--------
le 27/02/2020 @ 14:01
par tonton_christian
--------
le 27/02/2020 @ 14:12
par JeanDenis
Administrateur
--------
le 27/02/2020 @ 15:49
par tonton_christian
Re-merci, C'est bien la réponse que j'attendais. Et tu vois bien que je n'y connais rien car c'est le B A BA. J'ai fait quelques ajustement de couleur et d'opacité. Finalement, j'ai mis opacity:100%. Le résultat correspond bien à ce que je voulais faire, mais je pense que mon idée n'est pas bonne. En tout cas, merci, je garde ça dans un coin, ça pourra resservir à une autre occasion. Salutations Christian
--------
le 27/02/2020 @ 16:15
par JeanDenis
Administrateur
Re,
Pour l'opacité, elle est affectée à la totalité de la boite et donc au texte écrit dessus et forcément l'effet est moyen.
Si tu souhaitais une imagette de fond avec une certaine transparence, il vaudrait mieux la mettre en png avec, par exemple 50% d'opacité.
Un logiciel de traitement d'image fera cela très bien (Photofiltre 7 par exemple)
Tu crées une image transparente de 220*220px tu colles ton image fleur.jpg dessus en tant que calque dont tu règles l'opacité comme tu le souhaites. Et tu enregistres cette nouvelle image fleur.png
mise dans le bon dossier, et son appel modifié dans styleplus...
background: url(../../img/valerie/fleur.png) center no-repeat;
cela pourrait peut-être mieux te convenir.
Enfin, c'est une possibilité...
Bien cordialement,
Rectifier message Clôturer sujet Remonter