8 replies to this topic

[Lilil]

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 :)

[Maury Girard]

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:

Quote

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

[Lilil]

Je m'excuse mais je ne sais pas du tout ou je dois ajouter cela et comment installer ?
Pouvez-vous me donner la marche à suivre ?
Merci

[Maury Girard]

En faite
il faut attribuer dans votre global.css cette fonction dans la balise Body
je vous envoi une idée dans un fichier.txt car le forum accepte pas le fonction

Attached Files

•  code.txt   1bytes   187 downloads

[Lilil]

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 :

Quote

}



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 ;)

[Maury Girard]

Petit Up regardez plus haut
je vous ai mit les info dans un fichier.txt

c'est une fonction javascript

[Lilil]

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 :)

[Lilil]

Un petit up parce que vraiment, j'ai pas compris !!!
Aidez moi please :(

[RichardBT]

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 :)