Blog d'aide de Blog4ever

Bonsoir  

J'essaie, pour un futur article, de mettre une image en fond, Je la souhaite opaque, Et j'ai plutôt réussi, Le souci est que le texte que je souhaite écrire dessus, l'est aussi, De plus l'image se répète et se retrouve dans la parie commentaire, 


Mon code

...Voir message suivant...

...J'avais inclus les mentions repeat, no repeat dans mon code, sans succès...



Ton aide est la bienvenue, 
Merci, :ch:
Bonne fin de soirée, 
Mi Neth, 

Dernière modification le jeudi 23 Septembre 2021 à 00:25:31

<**style type="text/css">
article{
background-image: url("https://static.blog4ever.com/2020/03/857029/imageedit_1_9675149366--1-.jpg"); 
z-index:10; 
opacity:0.1; 
filter:alpha(opacity=90);  
}
<**/style>

Je ne sais pas pourquoi, mon code ne voulait pas apparaître dans mon précédent message,  Alors, je le mets dans celui-ci, 

Dernière modification le jeudi 23 Septembre 2021 à 00:24:20

:ch:

la fonction " opacity: 01; " concerne toute l'image.

Ce serait plus simple de faire une image opaque puis d'écrire dessus ensuite.

Tous les logiciels photos le font facilement.

:sol:

Bonsoir 
J'ai pensé à l'option que tu proposes, Mais, pour modifier le texte par la suite, il faut refaire une nouvelle image, Si je veux faire d'autres articles, il me faudra faire une nouvelle image avec un texte que je ne pourrai modifier, si besoin, qu'en refaisant une image à chaque fois, 
Mais pourquoi pas, ça occupe, :oe:
Maintenant est-ce qu'une simple image de fond se répète? et comment faire pour ne pas la voir dans la partie commentaire?
J'ai pensé à un tableau, mais je ne sais y mettre que des couleurs de fond, Je ne suis pas arrivée à y mettre une image qui remplisse directement et pleinement une cellule, 
Merci d'être venu m'apporter ton aide, 
Bonne fin de soirée, 
Mi Neth, 

re

Le plus simple serait de faire une image et de placer le texte dessus ou dessous puis de mettre le code opacité que l'on veut.

Le texte placé dans l'image fait partie de l'image et donc sera concerné par l'opacité.

La fonction repeat doit fonctionner et ne concerne que l'image de cet article

<*style type="text/css"*>
article{
background-image: url("https://static.blog4ever.com/2020/03/857029/imageedit_1_9675149366--1-.jpg");
backround-repeat: no repeat;

opacité: 0.4;
}

--<*/style>

Le mieux serait de me donner l'article concerné par le repeat.

Bonjour

Merci à toi, 
J'avais oublié background devant repeat, ça explique que ça ne fonctionnait pas, 
Sinon, mon texte n'est pas directement écrit sur mon image, mais dans le corps d'article, Pourtant, lui aussi est opaque, 
Bon après-midi, 
Mi Neth, 

Merci, Me reste plus qu'à mettre mon image en fond et trouver comment écrire dessus un texte modifiable, 
Vais à d'autres occupations, Profites-en pour te relaxer, 

@Mi Neth@



Dans cet article j'ai mis ce code.....

<*style type="text/css"*>

article img {
    max-width: 100%;
    height: auto;
    opacity: 0.2;
}
<*/style>

Coucou 

Tu as un message dans mes brouillons, 


Bon fin d'après-midi, 
Mi Neth, 

J'ai lu !  merci

Content que la solution soit trouvée.

@+@+@+ 

Merci sans ton ti bout de code, ça n'aurait jamais fonctionné, 
Tu peux clore ce sujet, 
Je te souhaite un bon dimanche, :sol: