Fond de site strié

Eléphant du PHP | 86 Messages

29 févr. 2008, 12:09

bonjour,

On voit maintenant des fonds de sites avec une apparence striée ou avec une certaine texture.
J'imagine que c'est une image qui se répète.

Est ce que quelqu'un connaîtrait un site qui explique comment faire ça ?

Merci.

d0m
Mammouth du PHP | 1141 Messages

29 févr. 2008, 12:31

Salut,

tu pourrais mettre un lien de l'un de ces sites?
On visualisera mieux ce que tu voudrais.

Eléphant du PHP | 79 Messages

29 févr. 2008, 12:40

Trés souvent c'est une image de 2 pixels de haut par exemple avec un pixel d'une couleur et le pixel juste dessous d'une autre couleur.
Ensuite avec la CSS, tu indiques que le body posséde une image en background ;)

Eléphant du PHP | 86 Messages

29 févr. 2008, 12:52

pour répondre à DOM
exemple:

http://www.tapisrouge.fr/

Eléphant du PHP | 79 Messages

29 févr. 2008, 12:54

Dans le lien que tu donne la technique est celle que je t'ai décrite. Dans l'exemple, il utilise une image de 5 * 5 où ils mettent un trait oblique dedans :)
Voilà l'image utilisée en background : http://www.tapisrouge.fr/app/webroot/im ... _trait.png

Eléphant du PHP | 86 Messages

29 févr. 2008, 13:01

Merci Alkann,

Comment as tu fait pour récupérer l'image ?

Mammouth du PHP | 1353 Messages

29 févr. 2008, 13:06

Comment as tu fait pour récupérer l'image ?
je me permet de répondre même si la question ne m'est pas adressée ;)

tu regardes dans leur fichier css (http://www.tapisrouge.fr/css/front.css) et tu vois :

Code : Tout sélectionner

#body {font-size:11px;text-align: center; padding: 0; margin: 0; background: #ebebeb url('/app/webroot/img/radial_trait.png');}
tu as donc l'url de l'image qu'ils utilisent en image de fond :)
Tell me and I forget. Teach me and I remember. Involve me and I learn.

Eléphant du PHP | 79 Messages

29 févr. 2008, 13:21

Y'a une technique plus simple et rapide. Sous Firefox, tu cliques droit au niveau du fond et tu fais "Afficher l'image de fond".

Hein ? Moi faignant? Jamais :lol: