Votre question

fond d ecran d un site & resolution

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
4 Août 2005 19:54:48

slt

Sur un site web en HTML, j ai mis un fond d ecran de resolution 1280 x 1024 mais mon pote me dit qu il se repete a cause de sa resolution !

alors j ai mis le meme mais avec une reslution de 1600 x 1200 mais je ne vois que la moitié du fond d ecran !

y a pas un moyen pour adapter le fond d ecran avec la resolution pour qu il apparaisse entierement en une seule fois dans tous les cas ?

Autres pages sur : fond ecran site resolution

a c 232 L Programmation
4 Août 2005 23:43:50

Salut,

Tiens, un petit script dans lequel tu mets les liens vers toutes tes images.

  1. <*script language="JavaScript1.2" type="text/javascript">
  2. if (screen.width==800||screen.height==600)
  3. document.write('<img src="lien vers image 800x600">');
  4.  
  5. else if (screen.width==1024||screen.height==768)
  6. document.write('<img src="lien vers image 1024x768">');
  7.  
  8. else if (screen.width==1280||screen.height==1024)
  9. document.write('<img src="lien vers image 1280x1024">');
  10.  
  11. else if (screen.width==1600||screen.height==1200)
  12. document.write('<img src="lien vers image 1600x1200">');
  13.  
  14. else
  15. document.write('<img src="lien vers autre image">');
  16. </script>


T'es pas obligé de laisser tels quels les différents tests, tu fais ceux que tu veux ;-)

edit : enfin au lieu des img src, tu peux très bien mettre ton <body background="...">
5 Août 2005 02:03:36

salut,
voilà une autre piste sans javascript:
(une balise image utiliser a la place de l'attribut background,
ajoute l'usage du z-index et tu as une triche valide xhtml !)
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/*valeurs par defaut pour tout les navigateurs */
/* ne pas modifié a partir d'ici */
* { margin:0;padding:0;}

/* taille de reference */
html {
height:100%;
width:100%;
}
/*on applique une taille et on place en absolute l'image et son conteneur */
html img.imghtml, html div.imghtml{
width:100%;height:100%;
top:0;
left:0;
position:absolute;
}

html, html * {
position:relative;
z-index:0;
}
body {
z-index:2; /* pour afficher tout au dessus de l'image */
width:100%;
height:100%;
}
/*ne pas modifier le css au dessus de cette ligne */
/* vous pouvez a partir de la modifié et ajouter votre css */
/* conteneur de votre page */
#corps {
width:80%; /* pour le centré ,facultati f*/
height:100%;
border:3px solid #666;/*facultatif*/
margin:auto; /* pour le centré ,facultati f*/
scroll:auto;/* pour IE ? */

}
#demo{text-align:center;top:45%;font-size:30px;color:#FE1300;}
/* fin des styles */
</style>
</head>
<body><div class="imghtml"><!-- c'est cette image qui sert de fond d'ecran --><img class="imghtml" src="http://gcyrillus.free.fr/essai/sphere.jpg" alt="fond d'ecran" title="" /></div>
<div id="corps"><p id="demo">mettre la page ici !</p></div>
</body>
</html>


la demo ICI ! ou variante ICI !


je pense qu'avec ces 2 solutions du devrait reussir a regler ton probleme ;-)

a plus
Contenus similaires
5 Août 2005 13:19:10

merci beaucoup ;) 
5 Décembre 2005 15:41:25

Bonjour,

Je viens de tester le premier code et, il fonctionne très bien sous IE et Opera.
Cependant pour Firefox, ça ne fonctionne pas ... :-(

Est-ce que quelqu'un aurait un "correctif" pour que cela fonctionne sous FF aussi?

Merci d'avance.
17 Janvier 2008 11:40:27

Salut, si tu as une feuille de style CSS, rajoute la ligne :

background-repeat: no-repeat;

dans la partie qui défini le body et sinon rajoute ce qui suit directement sur ta page html entre <head> et </head> :

<style type="text/css">
background-repeat: no-repeat;
</style>

Et là, normalement, ça marche :) 
6 Mars 2009 08:17:06

OmaR a dit :
Tiens, un petit script dans lequel tu mets les liens vers toutes tes images.

  1. <*script language="JavaScript1.2" type="text/javascript">
  2. if (screen.width==800||screen.height==600)
  3. document.write('<img src="lien vers image 800x600">');
  4.  
  5. else if (screen.width==1024||screen.height==768)
  6. document.write('<img src="lien vers image 1024x768">');
  7.  
  8. else if (screen.width==1280||screen.height==1024)
  9. document.write('<img src="lien vers image 1280x1024">');
  10.  
  11. else if (screen.width==1600||screen.height==1200)
  12. document.write('<img src="lien vers image 1600x1200">');
  13.  
  14. else
  15. document.write('<img src="lien vers autre image">');
  16. </script>


T'es pas obligé de laisser tels quels les différents tests, tu fais ceux que tu veux ;-)

edit : enfin au lieu des img src, tu peux très bien mettre ton <body background="...">


J'ai voulu reprendre ce scripts puisqu'il a l'air à la lecture de correspondre à mes attentes.
Toutefois, je l'ai modifié comme ceci :

  1. <*script language="JavaScript1.2" type="text/javascript">
  2. if (screen.width==800||screen.height==600)
  3. document.write('<body background="fd000169.jpg" bgproperties=fixed 800x600">');
  4.  
  5. else if (screen.width==1024||screen.height==768)
  6. document.write('<body background="fd000169.jpg" bgproperties=fixed 1024x768">');
  7.  
  8. else if (screen.width==1280||screen.height==1024)
  9. document.write('<body background="fd000169.jpg" bgproperties=fixed 1280x1024">');
  10.  
  11. else if (screen.width==1600||screen.height==1200)
  12. document.write('<body background="fd000169.jpg" bgproperties=fixed 1600x1200">');
  13.  
  14. else
  15. document.write('<body background="fd000169.jpg" bgproperties=fixed">');
  16. </script>


Malheureusement cedernier ne fonctionne pas ?
Pourquoi ? Aurais je fais une erreur dans le déroulement de mon script ?

Est ce que mon bgproperties=fixed est mal placé ?

A savoir que le résultat final doit se trouver dans des frames (http://coeursderequins.free.fr/Dsc Menu "Autogrammekarte" puis menu de page droite "Photos" )

Dois je réalisé une image adapté pour chaque résolution ou conserver une image unique ?

Avec mes remerciements anticipés pour vos réponses et vos aides.

A bientôt.

Coeurs-de-Requins.
10 Juin 2009 12:28:21

Bonjour, j'aimerais utiliser cette méthode pour un myspace music, est-ce possible ?

CLartec
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS