[Astuce] Site internet en fond d'écran
Modérateurs : MacGamerFR, Cat121, Fredo, Tesla
[Astuce] Site internet en fond d'écran
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
Bon pas réussi à trouver d'hébergeur ou je pouvais m'inscrire rapidement.
Donc j'ai envoyé l'html à alonzo, il le mettra qd il aura le temps sur le post
Sinon c'est vrai que niveau lisibilité ...
c'est pr ça que j'avais pas mis 100% en largeur, comme ça il me reste un bout d'écran pr mes quelques icones.
Enfin sur un 22" en 1680*1050 le 65% équivaut à la largeur du site et c'est niquel.
Donc voilà
Donc j'ai envoyé l'html à alonzo, il le mettra qd il aura le temps sur le post
Sinon c'est vrai que niveau lisibilité ...
c'est pr ça que j'avais pas mis 100% en largeur, comme ça il me reste un bout d'écran pr mes quelques icones.
Enfin sur un 22" en 1680*1050 le 65% équivaut à la largeur du site et c'est niquel.
Donc voilà
-
- CMB Forever
- Messages : 4998
- Enregistré le : 16 déc. 2007, 18:31
- Localisation : Clermont Ferrand
- Contact :
tiens un hébergeur gratuit sans besoin d'inscription
http://www.google.fr/search?q=imageshac ... =firefox-a
http://www.google.fr/search?q=imageshac ... =firefox-a
okay j 'ai trouvé
Lien
Il faut télécharger le fichier, le dézipper et ouvrir le fichier Bg.html
et normalment vous aurez un aperçu de ce que ça donne.
Je l'ai fais ac une image de fond noir parce que j'avais pas d'image dispo sur ce pc.
Dond il vous suffit de modifier l'image 76.jpg (je crois) si vous voulez vous servir directement de ce fichier ; )
PS: Merci au collègue qui m'a filé ses log free ^^
Lien
Il faut télécharger le fichier, le dézipper et ouvrir le fichier Bg.html
et normalment vous aurez un aperçu de ce que ça donne.
Je l'ai fais ac une image de fond noir parce que j'avais pas d'image dispo sur ce pc.
Dond il vous suffit de modifier l'image 76.jpg (je crois) si vous voulez vous servir directement de ce fichier ; )
PS: Merci au collègue qui m'a filé ses log free ^^