En poursuivant votre visite de ce site, vous acceptez l'utilisation de cookies pour permettre ses différents services. Voir les Mentions légales.
 
 
 
Vous êtes ici :   Accueil » Forum » En vrac ! » image de fond en filigrane
 
 
 
    Imprimer la page...
    Imprimer la section...

Forum - En vrac ! - image de fond en filigrane


clos par JeanDenis le 13/04/2020 @ 06:22  Sujet n° 97

le 27/02/2020 @ 10:26
par tonton_christian

tonton_christian

1 message

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 : "

En cliquant ici, vous pointez sur un site vous permettant d'identifier une plante, en envoyant sa photo!

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

Site web tonton_christian
sujet clos Haut  
Réponse n° 1
--------
le 27/02/2020 @ 10:40
par tonton_christian

tonton_christian

2 messages

j'ai pas eu une bonne idée de mettre du code source html !!!... ya plus qua afficher le source de la page pour le voir
Site web tonton_christian
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
Réponse n° 2
--------
le 27/02/2020 @ 11:07
par JeanDenis

JeanDenis

Administrateur
222 messages

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,

Site web JeanDenis
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
Réponse n° 3
--------
le 27/02/2020 @ 14:01
par tonton_christian

tonton_christian

3 messages

Merci Jean-Denis pour cette réponse rapide et efficace. L'image apparaît bien comme je le souhaitais (presque, car il y aura des réglages de pourcentage à faire à la fin), mais pas le texte qui garde la couleur standard. Il faudrait pouvoir la modifier en se souvenant que c'est un lien.
Site web tonton_christian
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
Réponse n° 4
--------
le 27/02/2020 @ 14:12
par JeanDenis

JeanDenis

Administrateur
223 messages

Re,

Pour ne modifier que les liens de cette boite tu peux mettre quelque chose comme ceci, en ajoutant éventuellement d'autres instructions (petites majuscules... surlignage... etc...)

.FB2R1039 a {color:#FFF;}
.FB2R1039 a:hover {color:#FFFF00;}

Bien cordialement,

Site web JeanDenis
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
Réponse n° 5
--------
le 27/02/2020 @ 15:49
par tonton_christian

tonton_christian

4 messages

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
Site web tonton_christian
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
Réponse n° 6
--------
le 27/02/2020 @ 16:15
par JeanDenis

JeanDenis

Administrateur
224 messages

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,

Site web JeanDenis
clos par JeanDenis le 13/04/2020 @ 06:22 Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter