Design extensible !?
Résolu
mikeb1992
Messages postés
280
Statut
Membre
-
mikeb1992 Messages postés 280 Statut Membre -
mikeb1992 Messages postés 280 Statut Membre -
Bonjour a tous et a toutes,
alors voila, je suis en train d'apprendre le xhtml, le CSS et le PHP mais la j'ai un gros souci avec l'image de fond de mon site ! :(
L'image fait 1600x1 et je fait un repeat y sur toute la page de mon site mais j'aimerai qu'elle s'adapte a toutes les resolution d'ecran...
En gros, j'aimerai que l'image se redimensionne selon la résolution du visiteur ! Comment faire ??
Merci par avance !
alors voila, je suis en train d'apprendre le xhtml, le CSS et le PHP mais la j'ai un gros souci avec l'image de fond de mon site ! :(
L'image fait 1600x1 et je fait un repeat y sur toute la page de mon site mais j'aimerai qu'elle s'adapte a toutes les resolution d'ecran...
En gros, j'aimerai que l'image se redimensionne selon la résolution du visiteur ! Comment faire ??
Merci par avance !
7 réponses
-
Si le motif se répète en x, tu peux réduire ton image à un motif unique et répéter sur x également.. Sinon c'est pas possible ; tu pourras éventuellement mettre une image avec la taille d'une résolution maximale mais le rendu sera pas terrible sur les résolutions inférieures...
Autre possibilité, faire plusieurs modèles d'images pour les résolutions standards (1280*1024, 1027*768,etc) et décider au chargement de la page laquelle appliquer. -
-
Faire plusieurs modèles d'images pour les résolutions standards (1280*1024, 1027*768,etc) et décider au chargement de la page laquelle appliquer, moi je veux bien mais comment fait on ? y a t-il une balise pour ??
Et c'est vrai que je ne n'avais jamais vu untel site... sa pourrait etre une solution mais sa me parait plus complexe que la premiere...
Vous avez une idée ptetre pour la 1ere ? -
Ah ok si tu le dis alors je veux bien te croire mais comment faire ?(apres tout je ne suis que debutant :D) L'image est un simple degradé du bleu foncé au bleu clair
-
Si tu regardes ce site : https://www.clubic.com/ il a un dégradé blanc vers bleu basé sur le fichier http://www.clubic.com/api/noexpire/clubic/home/bg_degrade_haut_site.gif qui est une image de 1*400px. Il utilise le code suivant en css : #E4E9F3 url(/api/noexpire/clubic/home/bg_degrade_haut_site.gif) repeat-x scroll 0% 0%
Tu peux t'en inspirer ....
-
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
Euh...je ne comprends pas vraiment...
Moi j'ai un degradé qui part de la gauche vers la droite alors que clubic a un degradé du haut vers le bas donc pas de probleme je fait un repeat-y
Donc sa me donne sa :
background: url(images/fond.png) repeat-y scroll 0% 0%;
Et sa ne change rien mais je ne vois pas trop ou tu veux en venir ?
Desolé si je comprend pas tout du premier coup ! :s-
Je veux en venir à te faire faire un dégradé vertical :)
En fait si tu fais un dégradé horizontal en couleur, tu peux faire ça en javascript, ex :
x=0 : blanc
x=1280 : bleu
et tu interpoles la couleur pour les intermédiaires.
A noter :
http://forums.phpbb-fr.com/modifications-et-recherche-de-styles/sujet148850.html#p1139305
-
-
euh... moi javascript pas comprendre ! :p
Mais de toute facon, si je fais sa je ne saurais toujours pas comment adapter une image a chaque resolution d ecran, par exemple mon menu, contient une image et non pas un degradé alors j'aimerai que lorsque je change ma resolution l'image de fond de mon menu s'adapte...
est-ce possible ? ^^ -
