Comment mettre une fond d'écran sur mon site avec html
darkspirit
Messages postés
1
Date d'inscription
Statut
Membre
Dernière intervention
-
TtBan -
TtBan -
Bonjour,
je voudrai savoir comment mettre un fond d'écran sur mon site via notpade ++ en html sans avoir un page css. l'image est dans un dossier qui se trouve sur mon bureau le dossier s'apelle "thème" et l'image est dedans elle s'appelle "monde.jpeg"
je voudrai savoir comment mettre un fond d'écran sur mon site via notpade ++ en html sans avoir un page css. l'image est dans un dossier qui se trouve sur mon bureau le dossier s'apelle "thème" et l'image est dedans elle s'appelle "monde.jpeg"
A voir également:
- Html fond d'écran
- Double ecran - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Capture d'écran whatsapp - Accueil - Messagerie instantanée
- Fond d'écran carousel - Forum Xiaomi
- Editeur html - Télécharger - HTML
4 réponses
Si vous voulez mettre un image en fond qui s'adapte à l'écran utilisez "background-size-cover"
<style>
body{
margin:0;
padding:0;
background: url(images/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
</style>
Et l'image s'adapte à l'écran :)
<style>
body{
margin:0;
padding:0;
background: url(images/bg.jpg) no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */
background-size: cover; /* version standardisée */
}
</style>
Et l'image s'adapte à l'écran :)
Pour les accents interdits sur Internet et en général pas recommandé pour les noms de fichiers.
Pour les versions actuelles des navigateurs depuis 2013 il n'y a plus besoin des spécificités -moz- -webkit- ...
http://www.w3schools.com/cssref/css3_pr_background-size.asp