Design extensible !?
Résolu/Fermé
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
-
22 juin 2008 à 15:35
mikeb1992 Messages postés 280 Date d'inscription lundi 10 décembre 2007 Statut Membre Dernière intervention 6 janvier 2012 - 23 juin 2008 à 10:25
mikeb1992 Messages postés 280 Date d'inscription lundi 10 décembre 2007 Statut Membre Dernière intervention 6 janvier 2012 - 23 juin 2008 à 10:25
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 !
A voir également:
- Design extensible !?
- Maeva vient de créer son entreprise de design à montréal. en plus des actions menées sur son site web, elle souhaite développer la visibilité de son entreprise. pour cela, elle peut utiliser différentes techniques. ✓ - Forum Loisirs / Divertissements
- Memup feel design - Forum Matériel & Système
- Mon pc ne reconner pas memup feel design - Forum Disque dur / SSD
- Disque dur multimédia memup - Forum Disque dur / SSD
- Antenna web design studio - Télécharger - Divers Web & Internet
7 réponses
Utilisateur anonyme
22 juin 2008 à 15:47
22 juin 2008 à 15:47
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.
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.
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
31
22 juin 2008 à 16:42
22 juin 2008 à 16:42
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 ?
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 ?
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
31
22 juin 2008 à 16:59
22 juin 2008 à 16:59
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 ....
Tu peux t'en inspirer ....
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
31
22 juin 2008 à 17:40
22 juin 2008 à 17:40
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
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
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
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
31
22 juin 2008 à 17:58
22 juin 2008 à 17:58
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 ? ^^
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 ? ^^
mikeb1992
Messages postés
280
Date d'inscription
lundi 10 décembre 2007
Statut
Membre
Dernière intervention
6 janvier 2012
31
23 juin 2008 à 10:25
23 juin 2008 à 10:25
J'ai dit quelque chose de mal ???
22 juin 2008 à 15:54
cliquez sur l image ( le chat ) avec la souris et shift appuyé
par contre pour le faire tout seul j'avoue je ne sais pas
22 juin 2008 à 15:56
Voici donc la solution...