[Astuce] Site internet en fond d'écran
Posté : 04 mai 2009, 17:58
En révisant quelque court je me suis amusé à faire ceci, avoir un site en fond d'écran.
A quoi ça sert, me demanderez vous ??
A rien ! et c'est pr ceci que c'est totalement indispensable.
donc en gros il faut savoir ce servir de son clavier et avoir un site ds la tête ^^
Première étape :
Créer un document (ac le bloc note), y copier =>
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css"
title="Fond" href="Fondcss.css" />
</head>
<body>
<iframe
src ="http://www.modding.fr"
Width="65%" height="100%" align=right>
</iframe>
</body>
</html>
Puis enregistrer avec un nom du genre background.html
Si vous voulez mettre un autre site que celui ci il suffit de changer ^^
Width="65%" est la largeur que prendra votre site par rapport à votre écran (vous pouvez mettre ce que vous voulez comme valeur )
height="100%"c'est la hauteur (idem que plus haut)
align=right c'est le coté ou vous voulez que le site soit sur votre écran (left / center / right)
Deuxième étape :
Créer un 2ème doc (tjrs ac le bloc note) et y copier =>
body
{
background-image: url("**********");
background-attachment: fixed;
background-repeat: no-repeat;
}
On enregistre sous le nom Fondcss.css
à la place des **** il faut mettre l'adresse de l'image que vous voulez mettre en fond, derrière celle du site
Le plus simple étant de créer tout ces fichier ds un dossier et ds ce cas il suffit juste de mettre le nom de l'image (ex : image.jpg)
Et pour finir :
Clique droit ds le bureau, propriétés, onglet Bureau, Parcourir puis allez chercher le fichier Background.html
Et là comme de par magie ça rosque du petit poney rose
A quoi ça sert, me demanderez vous ??
A rien ! et c'est pr ceci que c'est totalement indispensable.
donc en gros il faut savoir ce servir de son clavier et avoir un site ds la tête ^^
Première étape :
Créer un document (ac le bloc note), y copier =>
<html>
<head>
<link rel="stylesheet" media="screen" type="text/css"
title="Fond" href="Fondcss.css" />
</head>
<body>
<iframe
src ="http://www.modding.fr"
Width="65%" height="100%" align=right>
</iframe>
</body>
</html>
Puis enregistrer avec un nom du genre background.html
Si vous voulez mettre un autre site que celui ci il suffit de changer ^^
Width="65%" est la largeur que prendra votre site par rapport à votre écran (vous pouvez mettre ce que vous voulez comme valeur )
height="100%"c'est la hauteur (idem que plus haut)
align=right c'est le coté ou vous voulez que le site soit sur votre écran (left / center / right)
Deuxième étape :
Créer un 2ème doc (tjrs ac le bloc note) et y copier =>
body
{
background-image: url("**********");
background-attachment: fixed;
background-repeat: no-repeat;
}
On enregistre sous le nom Fondcss.css
à la place des **** il faut mettre l'adresse de l'image que vous voulez mettre en fond, derrière celle du site
Le plus simple étant de créer tout ces fichier ds un dossier et ds ce cas il suffit juste de mettre le nom de l'image (ex : image.jpg)
Et pour finir :
Clique droit ds le bureau, propriétés, onglet Bureau, Parcourir puis allez chercher le fichier Background.html
Et là comme de par magie ça rosque du petit poney rose