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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Sam 18 Fév 2012 - 11:36

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


Dernière édition par D.Deschamps le Dim 19 Fév 2012 - 11:46, édité 1 fois

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Sam 18 Fév 2012 - 20:13

personne pour m'aider ?

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Sam 18 Fév 2012 - 20:27

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.

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Sam 18 Fév 2012 - 23:36

j'ai mis le lien sur mon message.

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 3:17

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 Smile !

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:07

Webmestre_pro a écrit: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 Smile !


Super, ca marche a merveille Smile 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

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:08

Montrer moi le code ou vous avez rajouter votre opacity

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:13

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

le voici

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:18

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 ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:22

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

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:30

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;}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:36

non, ca ne marche pas Sad

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:42

Et si vous mettez ce code à la place ?
Code:
img
{
opacity:0.5;
}

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:45

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

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:48

@D.Deschamps a écrit: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;
        }

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 10:50

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

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 10:57

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 11:00

bon, tant pis Sad

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


D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 11:04

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 11:11

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 Smile

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

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par D.Deschamps le Dim 19 Fév 2012 - 11:45

Ca fonctionne. merci beaucoup Smile

Je met l'icone résolu

D.Deschamps
****

Masculin
Messages : 356
Inscrit(e) le : 26/04/2011

http://ententekillersdevf.forum-actif.net/
D.Deschamps a été remercié(e) par l'auteur de ce sujet.

Résolu Re: petite image de fond (transparente) sur une image de fond

Message par Invité le Dim 19 Fév 2012 - 11:47

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

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum