Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2062 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Arriere plan / fond pour sites design

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Arriere plan / fond pour sites design

n°1028321
djew
Posté le 31-07-2008 à 17:34:12  profilanswer
 

Bonjour  :hello:  
 
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 !  :love:

mood
Publicité
Posté le 31-07-2008 à 17:34:12  profilanswer
 

n°1028361
maharathi
Posté le 31-07-2008 à 21:18:00  profilanswer
 

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..
 

n°1028362
maharathi
Posté le 31-07-2008 à 21:24:10  profilanswer
 

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

n°1028366
maharathi
Posté le 31-07-2008 à 21:47:18  profilanswer
 

Oups..desolé il ne marche pas le lien...
Ce lui la est mieux
http://www.javascriptfr.com/codes/ [...] 18289.aspx

n°1028390
djew
Posté le 01-08-2008 à 09:12:30  profilanswer
 

Merci pour ton aide maharathi, je vais étudier tout ça, jte tiens au courant !

n°1028396
djew
Posté le 01-08-2008 à 10:25:11  profilanswer
 

maharathi a écrit :

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;
}


 
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 :bounce:

n°1028443
maharathi
Posté le 01-08-2008 à 15:48:25  profilanswer
 

A oui!!
 background-repeat:no-repeat;
 background-position:bottom;
cool j'y avais pas pansé..
Exelent..finalment c'est toi le chef...

n°1030435
BoubJ
Posté le 18-08-2008 à 20:06:55  profilanswer
 

Merci au passage, cela m'a énormément servi !


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Arriere plan / fond pour sites design

 

Sujets relatifs
[Athenaa] galerie : petits persoFomation 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
Plus de sujets relatifs à : Arriere plan / fond pour sites design


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR