Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Image en transparence,

922 appréciations
En ligne
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, 
Bonne fin de soirée, 
Mi Neth, 

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

922 appréciations
En ligne
<**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

2807 appréciations
Hors-ligne


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.




922 appréciations
En ligne
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, 
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, 

2807 appréciations
Hors-ligne
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.

922 appréciations
En ligne
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, 

922 appréciations
En ligne
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, 

2807 appréciations
Hors-ligne
@Mi Neth@

https://yacinth.blog4ever.com/brouillon-test

pour l'instant il est en ligne.
Regardes le code ---> " image" dans l'article


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

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

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

922 appréciations
En ligne
Coucou 

Tu as un message dans mes brouillons, 


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



2807 appréciations
Hors-ligne
J'ai lu !  merci

Content que la solution soit trouvée.

@+@+@+ 

922 appréciations
En ligne
Merci sans ton ti bout de code, ça n'aurait jamais fonctionné, 
Tu peux clore ce sujet, 
Je te souhaite un bon dimanche, 
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits soucis.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5966 autres membres