redimensionner fonds d'écran

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

desatan
Gecko
Messages : 81
Inscription : 29 mars 2009, 18:46

redimensionner fonds d'écran

Message par desatan »

Salut,

Je crée mon premier site internet et j'ai kompozer version 0.7.10.
J'ai mis un fond d'écran nickel.
Mon code est celui-ci :
</head>
<body style="background-image: url(images/fonds1024-768.jpg);">
<br>
</body>
</html>


J'aimerais savoir comment faire pour que mon fond d'écran s'adapte à la résolution des écrans des visiteurs de mon site ?

Merci de votre aide

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
chinon37
Animal mythique
Messages : 5319
Inscription : 21 mars 2005, 10:17

Message par chinon37 »

C'est une discussion que nous avons déjà eue: il n'est pas possible que l'image s'adapte automatiquement à la définition de l'écran du visiteur.

Il faut paller à cela avec un fond de couleur coordonné, une largeur de contenu fixe, etc...
Préferez Kompozer 0.8 à Nvu
Défendons nos valeurs, adhérons à l'APRIL
La Démocratie, c'est quand on frappe à votre porte à 6h00 du matin, et que c'est le laitier.
desatan
Gecko
Messages : 81
Inscription : 29 mars 2009, 18:46

Message par desatan »

après quelques recherches sur le net, j'ai trouvé çà :

Bonjour,
Pour adapter ton fond à la résolution de l'écran du client, voilà un script à mettre entre </head> et <body>:

<script type="text/javascript">
<!--
if (screen.width==800&&screen.height==600)
{
document.write("<body background=\"fondAcceuil800-600.jpg\">");
}
else
if (screen.width==1024&&screen.height==768)
{
document.write("<body background=\"fondAcceuil1024-768.jpg\">");
}
else
if (screen.width==1280&&screen.height==1024)
{
document.write("<body background=\"fondAcceuil1280-1024.jpg\">");
}
else
if (screen.width==1600&&screen.height==1200)
{
document.write("<body backround=\"fondAcceuil1600-1200.jpg\">");
}
else document.write("<body backround=\"fondAcceuil_si_rien_ne_correspond.jpg\">");
//-->
</script>

Le problème, c'est que je ne sait pas où le mettre ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
desatan a écrit :voilà un script à mettre entre </head> et <body>:
A mon avis, il est donc destiné à être mis quelque part entre la balise </head> et la balise <body> :roll:

Ceci dit, si le script écrit une nouvelle balise <body> devant celle qui existe, cela va poser un problème.
D'autre part, il semble bien que KompoZer interprète le script. Ce qui met un peu la pagaille dans le code.
Donc, pas applicable.

Ceci encore dit, en faisant une petite recherche pour savoir d'où venait ce script, je tombe sur http://www.infos-du-net.com/forum/12036 ... resolution qui propose une solution CSS qui a l'air intéressante, même si elle sent fort le bricolage.
En tous les cas, ça fonctionne tant bien que mal, sauf pour les proportions de l'image dans différentes tailles de fenêtre.

[EDIT]Enfin... Il y a un peu de travail pour rendre cela propre.[/EDIT]

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.8) Gecko/2009032711 Ubuntu/8.04 (hardy) Firefox/3.0.8
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
desatan
Gecko
Messages : 81
Inscription : 29 mars 2009, 18:46

Message par desatan »

Ymai, merci de ta réponse. Mon code, je dois le mettre où ? dans source ? dans balises HTML ?

Merci par avance

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.8) Gecko/2009032609 Firefox/3.0.8
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Ymai a écrit :entre </head> et <body>
Donc

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title></title>
</head>
ICI

Code : Tout sélectionner

<body>
<p>bla bla bla</p>
</body>
</html>
Mais, comme je l'indiquais plus haut, ça ne marchera pas sous KompoZer. A mon humble avis.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.9.0.8) Gecko/2009032711 Ubuntu/8.04 (hardy) Firefox/3.0.8
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités