Le Deal du moment :
eBay : Remise de 5 euros dès 15 euros ...
Voir le deal

background en css

Aller en bas

background en css Empty background en css

Message par Lythis le 3/11/2010, 20:24

Je ne sais pas s'il y a des webmasters css parmi vous mais voilà, je suis entrain de me poser une question relative au body d'un site (le corps avec le contenu des articles, séparé du menu). Voilà, j'aimerais faire un contour qui parte légèrement en dégradé et j'avais idée de diviser le background en 3 images : un début, un milieu qui se répète x fois en fonction de la taille de la page (qui varie en fonction de son contenu ^^) et une fin :

background en css Backgr15

Je n'arrive pas à grand chose pour le moment. Peut être que quelqu'un saurait m'aider ? Merci d'avance ^^
Lythis
Lythis
I.A. Professionel
I.A. Professionel

Système d'exploitation Navigateur Logiciel graphique


http://dawn-of-fantasy.xooit.fr/index.php

Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Lythis le 4/11/2010, 10:29

Bon ben je me suis démerdée finalement ^^
Lythis
Lythis
I.A. Professionel
I.A. Professionel

Système d'exploitation Navigateur Logiciel graphique


http://dawn-of-fantasy.xooit.fr/index.php

Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Chewbaca le 4/11/2010, 18:44

Le mieux c'était de faire un dégradé sous Photoshop directement d'une assez grande taille
Chewbaca
Chewbaca
I.A. Amateur
I.A. Amateur

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Nico' le 4/11/2010, 18:50

Il suffit de mettre le milieu en "repeat-y" dans le css. Il se répétera verticalement autant de fois qu'il le faut.
Nico'
Nico'
I.A. Admin
I.A. Admin

Windows Vista Opéra Photoshop


http://chromium-art.deviantart.com

Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Cassangel le 4/11/2010, 19:08

Nico' a écrit:Il suffit de mettre le milieu en "repeat-y" dans le css. Il se répétera verticalement autant de fois qu'il le faut.
+1 Smile
Et si tu utilise une image de 1px (par exemple, le dernier site que j'ai fait avec une largeur de 750 donc mon fond de contenu, je lui ai fait un BG de 750*1), ton truc fera exactement la bonne taille.
C'est a sa que serre (enfin, je Kroa) l'outil de selection "1 ranger" sur photoshop.
Cassangel
Cassangel
I.A. Maestro
I.A. Maestro

Système d'exploitation Navigateur Logiciel graphique


Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Lythis le 5/11/2010, 09:10

lol en fait vous n'y étiez pas ^^

Répéter y fois la partie du milieu ne me posait pas de problème (quand même Razz), c'était de caser le début et la fin qui m'embêtait. Pour solutionner mon problème, j'ai tout simplement placé le début en background-image dans le body header et la fin dans le body footer.

Parce que juste répéter y fois le milieu n'aurait fait que créer des lignes sur les côtés Wink
Lythis
Lythis
I.A. Professionel
I.A. Professionel

Système d'exploitation Navigateur Logiciel graphique


http://dawn-of-fantasy.xooit.fr/index.php

Revenir en haut Aller en bas

background en css Empty Re: background en css

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum