transparence cadre Fermé

Question

Ca fait plusieur foie que j'essaye de faire une transparence dans ce genre, mais je 'ny arrive pas !  
Voici un exemple(flèche rouges): http://nsa15.casimages.com/img/2010/04/04/100404091418378236.jpg 

S'il vous plaît aidez moi ! T-T 

Configuration: Windows 7 / Firefox 3.6.3

.: itsuki power shunyuu ! :.

Utilisateur anonyme · Answer

plusieurs solutions

soit tu crée une image au format PNG avec the GIMP

soit tu utilise la transparance css en RGBa
https://www.alsacreations.com/tuto/lire/909-CSS-transparence-couleur-rgba.html

avion-f16 · Answer

Ce n'est rien d'autre que des images PNG.
Et comme le site a une largeur fixe, ça facilite encore plus les choses.

Tu peux par exemple avoir une image faisant la bande noire tout au-dessus avec les coins supérieurs, une image pour l'entête (avec le logo) avec la transparence sur les côtés, et une autre de 1px de hauteur contenant les bordures de chaque côté pour le contenu (image qui se répètera verticalement).

LelLex · Answer

Le cadre gris clair c'est une image ? Tu es sûr ?
( j'ai pas regardé le source, j'vais aller voir. )

avion-f16 · Answer

Oui.
Et en y regardant de plus près, il a fait comme j'ai dit :
- http://www.service-webmaster.fr/images/header_top.png (bordures latérales et en haut)
- http://www.service-webmaster.fr/images/header.png (le header avec les bordures sur le côté)
- ...

LelLex · Answer

Effectivement, je sais pas si ça n'aurait pas été plus simple de mettre une div parent avec un padding. Quoique ..

avion-f16 · Answer

Il faut plusieurs div pour rendre le design extensible.

Transparence cadre

6 réponses

Discussions similaires

Newsletters