Besoin d'aide pour découpage layout

salut, j'ai un ami qui veut avoir un site pour sa petite entreprise et donc il a demandé a quelqu'un de faire un design pour son site. je reçois le design pour coder(html/css/js) et je vois qu'il y a beaucoup de texture dans le fond.

J'me débrouille assez en css html, et je connais assez bien les façon de procéder habituellement, mais pour ce design, je me demande vraiment qu'elle est la meilleur façon de découper le layout pour avoir le meilleur rendement possible. Qu'elle stratégie dois-je adopter pour ce design?

je sais qu'on peut faire des dégradé en css3, mais pas vrmt de la texture. La texture ne semble pas se répéter donc pas de repeat-x.

Un logo en alpha avec un arrière plan texturé?


serait-ce plus facile d'y aller avec un background-image de la texture pour le div qui contient tout?

pour le div du contenu, je peux faire des coins rond en css3 et mettre de la transparence.

donc au final, que feriez-vous pour intégrer la texture d'arrière plan?

merci!
(la qualité de l'image n'est pas excellente)

Modifié par alexelie (04 Sep 2011 - 02:44)

Salut !

je te conseillerai de le faire le plus simplement possible !
Tu garde la texture de fond dans un background, pas besoin de repeat-x. le probleme va se poser pour les coté de ton site, il faudrai voir avec un background-color, ou alors avec le psd, tu fait un background plus grand, et un dégradé vers une couleur de fond uni ? a voir.

Pour le logo, tu devrais laisser la lueur sur le background, puis le logo en png.
Pour l'article, tu devrai faire la mème chose, avec un border-radius. Pas besoin nomplus de transparence ! tu fais une bonne découpe avec totoshop !

Il est clair en tout cas que pour le fond, il va falloir que cela soit des images !
J'espère t'avoir aider,

a +

merci!