petite image de fond (transparente) sur une image de fond

[D.Deschamps]

Voila, j'ai cherché mais j'ai pas trouvé, alors je demande l'aide ici.

Je souhaiterais mettre un petit logo de fond derrière un texte mais devant le fond du site. J'aimerais que ce logo soit transparent ou ai une opacité de 50%, par exemple.

Voici la page : http://www.ententevip.com/h1-accueil , le logo ce situerais derrière le texte en dessous du ballon.

C'est pas facile a expliquer, mais j' espère que vous me comprenez.
Si vous comprenez pas, n'hésitez pas a le dire, et j'essais d'expliquer un peu mieux en fonction de ce que vous ne comprenez pas.

Merci d'avance
D.Deschamps

[D.Deschamps]

personne pour m'aider ?

[Bobbyshew]

Bonsoir,

Oui je sais comment on fait suivez bien mon tuto.

PA => Affichage => Images et Couleurs => Gestion des images => Mode Avancé => Image du fond de page à la deuxième ligne puis cliquer sur Fond de page fixe


A bientôt

[D.Deschamps]

non, mais moi je cherche un code. Je ne souhaite pas le faire sur le forum, mais sur une page html que j'ai rajouté.
Si je fais comme vous avez dis, ca va me le faire pour mon forum aussi.

[Bobbyshew]

Ah désoler.

Eu pour ta page je sais pas comment tu l'as créer es que tu peut me donner un lien ou je pourrais faire le même page HTML que tu as fait pour trouvé ton problème envois le tout par MP.

[D.Deschamps]

j'ai mis le lien sur mon message.

[Invité]

Dans ton CSS met cela:

Code:

.image_fond
{
background:url();
}

Et la ou tu veux le texte met cela:

Code:

<td class="image_fond">TON_TEXTE_ICI</td>

Oublie pas que dans le CSS il faut que tu mettre l'URL de ton image !

[D.Deschamps]

Dans ton CSS met cela:

Code:

.image_fond
{
background:url();
}

Et la ou tu veux le texte met cela:

Code:

<td class="image_fond">TON_TEXTE_ICI</td>

Oublie pas que dans le CSS il faut que tu mettre l'URL de ton image !

Super, ca marche a merveille merci beaucoup.
Maintenant je souhaitais modifier l'opacité de mon image de fond, mais quand je rajoute opacity : 0.5; dans mon css, ça me modifie aussi l'opacité du texte qui est sur l'image.

Comment faire pour modifier que l'opacité de l'image et non du texte ?
Merci

[Invité]

Montrer moi le code ou vous avez rajouter votre opacity

[D.Deschamps]

Code:

.image_fond
{
background : url(http://img4.hostingpics.net/pics/179168mfcjoueur.png) no-repeat center;
opacity : 0.5;
}


le voici

[Invité]

Code:

  .image_fond
        {
        background : url(http://img4.hostingpics.net/pics/179168mfcjoueur.png);
        opacity:0.5;
        }

J'ai pas vraiment fait un gros changement mais si tu l'essaie comme ce-ci c'est quoi qui ce passe le problème ce règle t'il ?

[D.Deschamps]

oui, il y a toujours le même problème.

[Invité]

Je ne vois pas le probleme et si tu enlève l'opacity que tu as mit dans ton CSS et que a la place tu rajoute ceci apres ton code ?

Code:

#image_fond {opacity:0.5;}

[D.Deschamps]

non, ca ne marche pas

[Invité]

Et si vous mettez ce code à la place ?

Code:

img
{
opacity:0.5;
}

[D.Deschamps]

la ca me modifie l'opacité des autres images de la page, mais pas de l'image de fond ^^

[Invité]

la ca me modifie l'opacité des autres images de la page, mais pas de l'image de fond ^^

et avec:

Code:

        image_fond
        {
        opacity:0.5;
        }

[D.Deschamps]

et la ca remodifie le texte comme tout a l'heure

[Invité]

Désoler ... Je ne sais pas quoi dire.. Pour l'instant sans l'pacte c'est quand même bien ?

[D.Deschamps]

bon, tant pis

Bah, disons que l'image est trop clair, et on a du mal a lire le texte

[Invité]

J'ai un ami qui à ouvert un forum http://numasescube.actifforum.com/


aller lui donner votre image il vous la déclaircira ! dans le sens qui va la noircir un peu

[D.Deschamps]

ah oui ! C'est une très bonne idée, je n'y avait pas pensé ^^

Je vais essayer de rendre l'image plus sombre.

Merci beaucoup

Je vous tiens au courent pour vous dire si ca le fait ou pas

[D.Deschamps]

Ca fonctionne. merci beaucoup

Je met l'icone résolu

[Invité]

Fait plaisir... passer une belle journée !