[Astuce] Site internet en fond d'écran

El murloc · Message par **El murloc** » 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

El murloc · Message par **El murloc** » 04 mai 2009, 18:00

Euh juste une petite chose, l'image que vous mettrez en fond doit avoir la même résolution que votre écran.
Avec ce langage de ce que j'ai pu lire, il est impossible d'étirer les images

Sinon bin voilà si il y a des questions hésitez pas.
Si ça ne marche pas fouettez moi.

Trebor · Message par **Trebor** » 04 mai 2009, 18:04

Peux tu faire un screen de ton écran voir ce que ça donne, car j'ai pas bien compris le principe en fait

billy · Message par **billy** » 04 mai 2009, 18:30

en même temps si je comprends bien ton tuto tu fais un screen de ton écran et tu le balance sur paint tu enregistres et tu le mets en fond d'écran s'est pareil non????

m@2 · Message par **m@2** » 04 mai 2009, 20:05

Nan, si j'ai bien compris le truc, ça serait dynamique.
En gros quand le site est mis à jour, ben le fond d'écran aussi.
Mais p.ê. que je me plante complètement.

El murloc · Message par **El murloc** » 04 mai 2009, 21:59

voilà c'est tout à fait ça m@2 c'est dynamique.

Je fais un screen dés que j'ai fini de miamer

Message par **alonzo** » 04 mai 2009, 22:30

bah dis donc, c'est un gros miam!!!

El murloc · Message par **El murloc** » 04 mai 2009, 22:55

en effet gros miam ; ))

euh j essaye de trouver un hébergeur d'html rapide
et je vous montre ça parce qu'un screen c'est pas représentatif

Message par **alonzo** » 04 mai 2009, 22:56

au pire t'envoie ton fichier, je l'up sur modding.fr

m@2 · Message par **m@2** » 04 mai 2009, 23:03

Hihi ça marche, c'est rigolo comme truc.

Bon, du coup le bureau devient illisible, mais bon, c'est amusant à savoir comme truc.

Ça permet au moins de se faire un bureau animé

El murloc · Message par **El murloc** » 04 mai 2009, 23:31

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à

Trebor · Message par **Trebor** » 05 mai 2009, 00:39

tiens un hébergeur gratuit sans besoin d'inscription

http://www.google.fr/search?q=imageshac ... =firefox-a

El murloc · Message par **El murloc** » 05 mai 2009, 08:22

C'est un hébergeur d'image ça, je cherchais un hébergeur d'html

El murloc · Message par **El murloc** » 05 mai 2009, 17:19

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

Xibou · Message par **Xibou** » 23 mai 2009, 15:31

ça fonctionne pas pour ma part, l'endroit ou devrait se trouver le site c'est un cadre blanc avec une petite croix en haut à gauche