Jump to content

Un fond qui s'adapte ?


Recommended Posts

Bonjour,

Une question pour les experts et ceux qui savent....
J'ai fait un fond pour ma boutique, un grand fond perso avec des décos etc...
Il fait 1600 X 1200 pour s'adapter à tous les écrans.

Mais justement, y a t-il un moyen pour que le fond adapte sa taille en fonction de l'écran du visiteur ?
Par exemple, moi qui suis sur un écran 1400 X 990, j'ai sur mon site test (en local) le fond d'écran que je viens de créer version XXL !!!
Je ne suis pas sure d'être très claire dans ce que je veux faire, mais j'espère que vous me comprendrez !
Merci :)

Link to comment
Share on other sites

essayer ceci
exemple d'utilisation:

html>
head>
script>
function resolution(){
alert(screen.width+'x'+screen.height)
}
/script>
/head>
body>
appui
/body>
/html>  





bien évidement vous adaptez par des conditions selon la résolution (sa va en faire des conditions)

exemple:

script>
hauteur = screen.height;
largeur = screen.width;
if(hauteur==1024 && largeur==1280){
[removed]("<link rel='stylesheet' href='800x600.css' type='text/css'>");
/script>



désolé mais ne prend pas en compte mes codes il manque le "<"
Link to comment
Share on other sites

lol oui mais je dois l'ajouter ou ???
Je ne comprends pas trop ce que je dois faire...

Au niveau du global.css, j'ai ceci pour le fond d'écran et la page en elle même :

}



body {

/*background-color: #000000;*/

background: url(../img/img02.jpg) repeat left top;

font-size: 10px;

font-family: Verdana, "Trebuchet MS", Helvetica, Sans-Serif;

color: #cccccc; /*COULEUR DE LA PHRASE DACCUEIL*/

text-align:center;



margin: 0;"

padding: 0;



/*color: #5A554E;*/

}



Est-ce la dedans que je dois ajouter des options pour les écrans ??
Merci et désolé de mon ignorance !
Ce qui vous paraît évident, ne l'ai pas pour tout le monde ;)
Link to comment
Share on other sites

J'ai insérer le code (le deuxième) dans la balise body mais ça ne fonctionne pas,
mon fond d'écran disparait complètement !

Auriez-vous un global.css avec la balise complète du body pour que je vois ou est mon erreur.
Merci :)

Link to comment
Share on other sites

il faut la balise [literal][/literal] il me semble pour que smarty en tienne compte.
@Maury Girard dans ton exemple ce serait plutôt 1024×1280.css non? parce que sinon je comprends pas non plus.

En tout cas fonction qui peut être intéressante :)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...