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

7 réponses

Utilisateur anonyme
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.
1
Utilisateur anonyme
22 juin 2008 à 15:54
http://www.walterzorn.com/dragdrop/dragdrop_e.htm
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
0
Utilisateur anonyme > Utilisateur anonyme
22 juin 2008 à 15:56
Très sympa ce truc, je connaissais pas.
Voici donc la solution...
0
Utilisateur anonyme
22 juin 2008 à 16:00
il y a du boulot quand meme
1
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
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 ?
1
Utilisateur anonyme
22 juin 2008 à 16:49
La solution que je proposais est pas terrible comparée à ce que le site propose, qui est exactement ce qu'il te faut. Elle ressemble à quoi l'image de fond ?
0
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
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
1
Utilisateur anonyme
22 juin 2008 à 17:11
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 ....
0

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
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
0
Utilisateur anonyme
22 juin 2008 à 17:47
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
0
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
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 ? ^^
0
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
J'ai dit quelque chose de mal ???
0