Design extensible !?
Résolu
mikeb1992
Messages postés
280
Date d'inscription
Statut
Membre
Dernière intervention
-
mikeb1992 Messages postés 280 Date d'inscription Statut Membre Dernière intervention -
mikeb1992 Messages postés 280 Date d'inscription Statut Membre Dernière intervention -
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 !?
- Azura home design avis ✓ - Forum Consommation & Internet
- Maeva vient de créer son entreprise de design à montréal ✓ - Forum Loisirs / Divertissements
- Memup feel design - Forum Disque dur / SSD
- Stb refsw design c'est quoi - Forum MacOS
- Enlever stb refsw design ✓ - Forum Matériel & Système
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.
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 ?
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 ....
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
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
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 ? ^^
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
Voici donc la solution...