Transparence cadre

Profil bloqué -  
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   -
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



.: itsuki power shunyuu ! :.

6 réponses

Utilisateur anonyme
 
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
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
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).
0
LelLex Messages postés 1753 Statut Membre 112
 
Le cadre gris clair c'est une image ? Tu es sûr ?
( j'ai pas regardé le source, j'vais aller voir. )
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
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é)
- ...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
LelLex Messages postés 1753 Statut Membre 112
 
Effectivement, je sais pas si ça n'aurait pas été plus simple de mettre une div parent avec un padding. Quoique ..
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 510
 
Il faut plusieurs div pour rendre le design extensible.
0