burinho Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Bonjour, j'aimerais utiliser une image que j'aimerais scinder en deux , une partie pour le menu de mon site et le reste en arrière plan mais j'aimerais la rendre un peu opaque afin qu'elle soit discrete. En faite il faudrait mettre en voile mais je vois pas trop comment faire. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Kynerion Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Bonjour, Opaque : qui n'est pas transparent, qui ne laisse pas passer la lumière. Ce n'est pas plutôt le contraire que tu veux, pour rendre l'image plus discrète? Dans ce cas pour "mettre un voile", qui consiste en fait à rendre l'image plus transparente, il faut jouer sur l'opacité de celle-ci dans un logiciel de retouche comme Photoshop ou The Gimp. En clair, passer d'une opacité de 100% à une autre plus basse (50%, voire même moins pour la rendre vraiment "discrète"). Et puis il faudra l'enregistrer au format .gif ou .png (surtout celui-là ) Et donc il faudra un navigateur qui gère correctement la transparence... Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sebastien Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Il y a aussi l'astuce de la fausse transparence en utilisant 2 images, et celle du damier gif avec 1 pixel sur 2 transparent qui permet une pseudo transparence, utilisé ici : http://www.csszengarden.com/?cssfile=069/069.css Lien vers le commentaire Partager sur d’autres sites More sharing options...
burinho Posté 10 Mars 2006 Auteur Partager Posté 10 Mars 2006 en effet c'est bien la rendre plus discrete, j'ai bien essayer avec le gimp mais j'y suis pas arrivé Lien vers le commentaire Partager sur d’autres sites More sharing options...
petit-ourson Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Il y a aussi l'astuce de la fausse transparence en utilisant 2 images, et celle du damier gif avec 1 pixel sur 2 transparent qui permet une pseudo transparence, utilisé ici : http://www.csszengarden.com/?cssfile=069/069.css <{POST_SNAPBACK}> Tient je n'avais jamais remarqué cette astuce ;o) Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Salut, il y a aussi tout simplement la propriété CSS opacity Idem il faut un navigateur correct pour la comprendre.. Çà permet de ne pas créer d'images supplémentaires Lien vers le commentaire Partager sur d’autres sites More sharing options...
burinho Posté 10 Mars 2006 Auteur Partager Posté 10 Mars 2006 css opacity, c'est a dire ? Lien vers le commentaire Partager sur d’autres sites More sharing options...
Dudu Posté 10 Mars 2006 Partager Posté 10 Mars 2006 Le langage CSS La règle "opacity". Exemple: img.discrete {opacity:.9;} et tu auras une opacité de 90%. Et ainsi de suite Lien vers le commentaire Partager sur d’autres sites More sharing options...
burinho Posté 11 Mars 2006 Auteur Partager Posté 11 Mars 2006 C'est de la balle ce truc, c'est encore mieux que avec the gimp par contre cela marche pas avec iE Lien vers le commentaire Partager sur d’autres sites More sharing options...
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant