Decoupage / transparence pour une interface web

Decoupage / transparence pour une interface web - Web design - Graphisme

Marsh Posté le 15-10-2003 à 00:12:50    

Salut
 
Voila, j ai fait vite fait ce support pour un menu :
 
http://membres.lycos.fr/codwrz/Divers/test1.png
 
Mais comme vous voyez, le ficher n est pas transparent
 
D apres les autre topic que j ai lu, j ai compris qu en .GIF ca ne poser pas de probleme, mais la palette de couleur est largement inferieur
 
Donc, quelqu un a su resoudre un probleme du genre ? le .png qui supporte aussi la transparence, a l air de deconner avec IE .
 
Thx

Reply

Marsh Posté le 15-10-2003 à 00:12:50   

Reply

Marsh Posté le 15-10-2003 à 09:15:04    

Bienvenue dans les dures réalités du web :D

Reply

Marsh Posté le 15-10-2003 à 11:24:36    

dejà, demandes-toi ce qui doit vraiment être transparent... tu peux peut-être éviter d'avoir à gérer la transparence en découpant ton image ?
 
pour le coup du gif/png:

  • le gif, en 256 couleurs, ca doit te donner un résultat tout à fait correct je pense ... mais tu ne pourras pas gérer la transparence au niveau de l'arrondi en haut à gauche. Donc il faudra soit découper l'image, soit ne faire que le milieu de transparent, soit changer l'arrondi, soit... etc. :D
  • le png supporte la transparence, mais déconne effectivement avec ie et les anciens navigateurs... voir ce topic quoiqu'il en soit, si tu utilises le png, tu pourras faire exactement ce que tu veux... mais ça sera un peu plus chiant ;)


si tu as une vision plus général de l'intégration de ce cadre ds ton interface, donnes la... on aura ptet + d'idées...
 
edit: un exemple avec ton image


Message édité par lennelei le 16-10-2003 à 10:10:57
Reply

Marsh Posté le 15-10-2003 à 12:21:42    

SenG@ a écrit :

dejà, demandes-toi ce qui doit vraiment être transparent... tu peux peut-être éviter d'avoir à gérer la transparence en découpant ton image ?
 
pour le coup du gif/png:

  • le gif, en 256 couleurs, ca doit te donner un résultat tout à fait correct je pense ... mais tu ne pourras pas gérer la transparence au niveau de l'arrondi en haut à gauche. Donc il faudra soit découper l'image, soit ne faire que le milieu de transparent, soit changer l'arrondi, soit... etc. :D
  • le png supporte la transparence, mais déconne effectivement avec ie et les anciens navigateurs... voir ce topic quoiqu'il en soit, si tu utilises le png, tu pourras faire exactement ce que tu veux... mais ça sera un peu plus chiant ;)


si tu as une vision plus général de l'intégration de ce cadre ds ton interface, donnes la... on aura ptet + d'idées...
 
edit: un exemple avec ton image


 
Merci pour ces info
 
En fait le rond en haut a gauche ne sera pas transparent, seulement les bords et le milieu
 
Pour cette interface, dans le but final elle serait utilisé plusieur fois ds la meme page, donc doit etre adaptable en longueur a chaque fois (cette parti n est pas encore faite) en fonction du contenu
 
Pour le rectangle a couleur uni en haut, il doit etre aussi transparent pour pouvoir mettre un titre a chaque fois avec un "td background" .
 
Donc j ai fait un test en convertissant a l'arrache le .png en .gif 256 couleurs, c est pas terrible  :D  
 
En travaillant directement en 256 j aurai surment un meilleur resultat.
ca limite aussi les possibilités  :cry:  
thx pour l aide  :)
 
L exemple marche pas chez moi


Message édité par joulpouille le 15-10-2003 à 12:23:01
Reply

Marsh Posté le 16-10-2003 à 10:11:24    

Reply

Marsh Posté le 16-10-2003 à 12:24:26    

thx pour l exemple, c est tjours bon a savoir
 
mais dans mon cas ca servira pas gd chose :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed