Arriere plan / fond pour sites design
Arriere plan / fond pour sites design - Web design - Graphisme
Marsh Posté le 31-07-2008 à 21:18:00
Bonjour,
ta question n'est pas trés claire. Keske tu veux faire au juste? et keske t'appele "n'est jamais deformé?" deformé par raport a koi?
Enfin pour faire comme sur jeuxvideo.com moi je créirai un
<div id="container"> il contiendras tous le reste , dans la css je mettrai
#container{
margin-left:auto;
margin-right:auto;
text-align:center;
height: 100%;
width: 100%;
background-image:url(ton image.png);
background-color:#la couleur de ki s'affiche apres ton image;
}
Dans photoshop je retravailrai le bas de mon image affin k'elle se fonde bien avec ma couleur de fond.
Tu remarqueras ke dans aukun de sites ke t'as citaté l'image n'est suivi par un degradé.. Mais peut etre ca s'fait et je serai curieux de l'aprendrai aussi!!!!
Parcontre si tu souhette de ramplaser ton image par un degradé il souffie de decouper dans fotoshop ton image de hauter de ton degradé et de largeur de 1px (ou le contaraire pour un degrade horizontal)
Dans ton css dans
background-image:url(ton image.png);
tu cole ton pt bout de degradé..
Comme la largeur de ton image ne fé ke 1 px Dream le repetras en infini
sur tout la taille de ton <div>
D'ailleur meme pas besoin de créer un <div> "container" tu peut aussi bien mettre tout ca directement dans le <body>..
Mais moi je prefer crééer un grand div..j'aime bien les dives..aaaaa!!lol..
Ben voila
j'esper ke ca te serviras a kelke chose..ou ca se trouve j'ai rien compris a ta question et je suis completment dans le faux..
Marsh Posté le 31-07-2008 à 21:24:10
a oui peut être ke tu voudras ke ton image soit adopté a l'écran de visiteur..Si c'est ça ke t'appelle "n'est jamais déformé...
Dans ce cas voici le lien ki te seras utile
http://www.commentcamarche.net/for [...] page-web-e
Marsh Posté le 31-07-2008 à 21:47:18
Oups..desolé il ne marche pas le lien...
Ce lui la est mieux
http://www.javascriptfr.com/codes/ [...] 18289.aspx
Marsh Posté le 01-08-2008 à 09:12:30
Merci pour ton aide maharathi, je vais étudier tout ça, jte tiens au courant !
Marsh Posté le 01-08-2008 à 10:25:11
| maharathi a écrit : Bonjour, |
C'est tout simplement ce que je cherchais, le rendu est top !
J'ai juste ajouté dans ton container :
background-repeat:no-repeat;
background-position:bottom;
de manière à ce que l'image ne se répète pas et pour la positionner (dans mon cas en bas de page)
T'es un chef maharathi 
Marsh Posté le 01-08-2008 à 15:48:25
A oui!!
background-repeat:no-repeat;
background-position:bottom;
cool j'y avais pas pansé..
Exelent..finalment c'est toi le chef...
Sujets relatifs:
- [Athenaa] galerie : petits perso
- Fomation en web design ?
- Design de forum
- [AVIS] micro-réseau de sites: wearethebuzz
- Impression blanc sur fond coloré, possible ?
- bouton reste actif meme en second plan comment on desactive
- Blogs et sites à gogo !
- comment puis-je fair pour suprimer le fond blanc pour flash
- [Avis] Debut design : JVGame Ladder Portail
- [ InDesign ] Fond perdu en vis a vis
Marsh Posté le 31-07-2008 à 17:34:12
Bonjour
J'aimerais savoir faire des arrieres-plans sites un peu de ce style : http://www.jeuxvideo.com/etajvbis.htm
C'est un espece de wallpaper (Clone wars dans ce cas ci) en arrierre plan qui n'est jamais déformé, et qui fini par un dégradé, qui lui doit s'étirré au niveau de la hauteur.
Allociné pratique aussi cette technique : http://www.allocine.fr/
Si qqun a une solution, je suis largement preneur !