Tom's Guide > Forum > Programmation > fond d ecran d un site & resolution

fond d ecran d un site & resolution

Forum Programmation : fond d ecran d un site & resolution

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !

Créer un nouveau sujet Répondre

Bas de page Chercher dans ce sujet

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 ?

Répondre

Inscrivez-vous ou connectez-vous pour masquer ceci.

Salut,

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

Code :

<*script language="JavaScript1.2" type="text/javascript">
if (screen.width==800||screen.height==600)
document.write('<img src="lien vers image 800x600">');
else if (screen.width==1024||screen.height==768)
document.write('<img src="lien vers image 1024x768">');
else if (screen.width==1280||screen.height==1024)
document.write('<img src="lien vers image 1280x1024">');
else if (screen.width==1600||screen.height==1200)
document.write('<img src="lien vers image 1600x1200">');
else
document.write('<img src="lien vers autre image">');
</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="...">

Message cité 1 fois

Répondre à OmaR

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

Message édité par gccyrillus le 22-04-2009 à 23:10:25

------------------------------ etape par etape, observer prendre conseil et apprendre, se tromper, avancer ,etc...
Répondre à gccyrillus

merci beaucoup

Répondre à Masterlud

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.

Répondre à Pomelo

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

Répondre à bachoum

OmaR a écrit :

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

Code :

<*script language="JavaScript1.2" type="text/javascript">
if (screen.width==800||screen.height==600)
document.write('<img src="lien vers image 800x600">');
else if (screen.width==1024||screen.height==768)
document.write('<img src="lien vers image 1024x768">');
else if (screen.width==1280||screen.height==1024)
document.write('<img src="lien vers image 1280x1024">');
else if (screen.width==1600||screen.height==1200)
document.write('<img src="lien vers image 1600x1200">');
else
document.write('<img src="lien vers autre image">');
</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 :

Code :

<*script language="JavaScript1.2" type="text/javascript">
if (screen.width==800||screen.height==600)
document.write('<body background="fd000169.jpg" bgproperties=fixed 800x600">');
else if (screen.width==1024||screen.height==768)
document.write('<body background="fd000169.jpg" bgproperties=fixed 1024x768">');
else if (screen.width==1280||screen.height==1024)
document.write('<body background="fd000169.jpg" bgproperties=fixed 1280x1024">');
else if (screen.width==1600||screen.height==1200)
document.write('<body background="fd000169.jpg" bgproperties=fixed 1600x1200">');
else
document.write('<body background="fd000169.jpg" bgproperties=fixed">');
</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.

Message édité par Coeurs-de- le 06-03-2009 à 08:19:08

------------------------------ [url=http://coeursderequins.free.fr][/url]
Répondre à Coeurs-de-

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

CLartec

Répondre à clartec

Créer un nouveau sujet Répondre

Tom's Guide > Forum > Programmation > fond d ecran d un site & resolution

Aller à :

Aide |
Règles du forum

Il y a 2064 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Page générée en 0,333 secondes

Liens