[Image de fond d'écran + image haut droite]
Fermé
Newhope
Messages postés
7
Date d'inscription
vendredi 5 janvier 2007
Statut
Membre
Dernière intervention
9 janvier 2007
-
5 janv. 2007 à 14:17
Newhope - 7 janv. 2007 à 18:26
Newhope - 7 janv. 2007 à 18:26
A voir également:
- [Image de fond d'écran + image haut droite]
- Image iso - Guide
- Image libre de droit gratuite google - Guide
- Acronis true image - Télécharger - Sauvegarde
- Double ecran - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
5 réponses
moi je te donne une petite methode que je m'etais faite pour gerer la dimension du fond d'ecran.
Par contre il te faut une image par dimension avec le nom sous la forme Fond_1280_960.jpg dans ton dossier images/ je fait toujours comme ca car quand tu redimensionne directement dans le html tu perd de la qualité.
PAGES resolution.php :
La page de ton site :
Bon je sais c'est un peu du systeme D mais ca fonctionne, j'ai utiliser du php et de l'ajax.
Bonne chance
++
Par contre il te faut une image par dimension avec le nom sous la forme Fond_1280_960.jpg dans ton dossier images/ je fait toujours comme ca car quand tu redimensionne directement dans le html tu perd de la qualité.
PAGES resolution.php :
<?
if(isset($_GET['width']) && isset($_GET['height'])) // Verifie que les dimensions données ne sont pas vides
{
$img = "images/Fond_".$_GET['width']."_".$_GET['height'].".jpg"; // Va chercher l'image de la bonne dimension
if(file_exists($img)) echo $img; // Si le fichier existe il saffiche
else echo "images/Fond_1280_960.jpg"; // Sinon affiche le fond le plus grand
}
else echo "images/Fond_1280_960.jpg"; // Si les dimensions ne sont pas données selectionne le fond le plus grand
?>
La page de ton site :
<html>
<head>
<script type="text/javascript">
function ajax(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
function bg()
{
var url = ajax("resolution.php?width="+screen.width+"&height="+screen.height);
var bgObject = eval('document.body');
bgObject.style.backgroundImage = "url(" + url + ")";
}
</script>
</head>
<body onLoad="javascript:bg()" style="background-attachment:fixed;">
Contenu
</body></html>
Bon je sais c'est un peu du systeme D mais ca fonctionne, j'ai utiliser du php et de l'ajax.
Bonne chance
++
Newhope
Messages postés
7
Date d'inscription
vendredi 5 janvier 2007
Statut
Membre
Dernière intervention
9 janvier 2007
1
5 janv. 2007 à 18:13
5 janv. 2007 à 18:13
Coucou julien et merci ! j'ai résolu le problème pour les résolutions en fait ^^ mais là le problème cest que l'image de fond fait la taille de l'écriture.
<html>
<head>
<title>Welcome on TANA.GOTDNS.ORG</title>
<style type="text/css">
<!--
#hd{
background-repeat:no-repeat;
background-image:url(Images/saikano.jpg);
background-attachment:fixed;
}
#center{
background-repeat:no-repeat;
background-image:url(Images/Ragnarok1280.jpg);
background-attachment:fixed;
}
#hd {
background-position:50% 10%;
}
#center {
background-position:0% 0%;
}
#contenu {
margin-left:100%;
margin-right:100%;
}
#contenu p {
text-align:justify;
}
-->
</style>
<body>
<div id="center">
<div id="hd">
<div id="contenu">
<h1 align="justify"> </h1>
</div>
</contenu>
<h1 align="center"><strong><em>The Legend Will Reborn</em></strong></h1>
<p align="justify"><em><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</strong></em></p>
<hr align="JUSTIFY" />
</div>
</hg>
<p style="text-align:center">© <a href="/home.php">Seek The Truth</a></p></div></hd>
</div></bg>
</div></bd>
</body>
</head>
</html>
Le rendu :
https://imageshack.com/
Ca fait 3h que j'essaye de faire en sorte que la page web prenne comme fond l'image Ragnarok 1280 en fond d'ecran (pour la résolution 1280 avec laquelle je travaille) cest desespérant ...
<html>
<head>
<title>Welcome on TANA.GOTDNS.ORG</title>
<style type="text/css">
<!--
#hd{
background-repeat:no-repeat;
background-image:url(Images/saikano.jpg);
background-attachment:fixed;
}
#center{
background-repeat:no-repeat;
background-image:url(Images/Ragnarok1280.jpg);
background-attachment:fixed;
}
#hd {
background-position:50% 10%;
}
#center {
background-position:0% 0%;
}
#contenu {
margin-left:100%;
margin-right:100%;
}
#contenu p {
text-align:justify;
}
-->
</style>
<body>
<div id="center">
<div id="hd">
<div id="contenu">
<h1 align="justify"> </h1>
</div>
</contenu>
<h1 align="center"><strong><em>The Legend Will Reborn</em></strong></h1>
<p align="justify"><em><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</strong></em></p>
<hr align="JUSTIFY" />
</div>
</hg>
<p style="text-align:center">© <a href="/home.php">Seek The Truth</a></p></div></hd>
</div></bg>
</div></bd>
</body>
</head>
</html>
Le rendu :
https://imageshack.com/
Ca fait 3h que j'essaye de faire en sorte que la page web prenne comme fond l'image Ragnarok 1280 en fond d'ecran (pour la résolution 1280 avec laquelle je travaille) cest desespérant ...
aaaaa ookkkk desole !!
dans ce cas la modifie ta feuille de style comme cela, dit moi si c'est ce que tu recherche:
dans ce cas la modifie ta feuille de style comme cela, dit moi si c'est ce que tu recherche:
<style type="text/css">
<!--
#hd{
background-repeat:no-repeat;
background-image:url(gg.jpg);
background-attachment:fixed;
height:100%;
width:100%;
}
#center{
background-repeat:no-repeat;
background-image:url(Images/Ragnarok1280.jpg);
background-attachment:fixed;
}
#hd {
background-position:50% 10%;
}
#center {
background-position:0% 0%;
}
#contenu {
margin-left:100%;
margin-right:100%;
}
#contenu p {
text-align:justify;
}
-->
</style>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question