Comment mettre une fond d'écran sur mon site avec html

Écran
Html

darkspirit Messages postés 1 Statut Membre -
TtBan - 31 janv. 2019 à 16:04

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"

Afficher la suite

4 réponses

Réponse 1 / 4

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
planete66 Messages postés 21 Statut Membre 35

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 :)
33
1. smilmax
  
  Salut, merci pour ces info il manque juste les deux accents sur l image.
  
  0
2. motorfe
  
  Apostrophe ou guillemets hein ;) même si ça peut marcher sans(il me semble mais ça reste une erreur quand même).
  
  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
  
  0
  1. smilmax > motorfe
    
    En tout cas j'adore, je commence mon premier site et je ne connais absolument pas le langage html. Ca vas être long !! a+
    
    0
3. TtBan
  
  merciii
  
  0
Réponse 2 / 4
tryan44 Messages postés 1289 Date d'inscription Statut Membre Dernière intervention 220
```
<body style="background:url('theme/monde.jpeg') no-repeat;">
```
Ou entre les balises <head> et </head> ajoutez :
```
<style type="text/css">
body{
background:url('theme/monde.jpeg') no-repeat;
}
</style>
```
..et vous laissez la balise <body> telle quelle.

Si l'image est trop petite, elle ne couvrira pas l'intégralité du fond.
7
1. imagesSSes
  
  Si l'image est trop petite, elle ne couvrira pas l'intégralité du fond.
  
  D'accord il faut une grande image mais de quelle taille (PIXELS) ?
  
  0
2. piere
  
  merci :)
  
  0
3. piere
  
  je me sui tromper de jerigol
  
  0
Réponse 3 / 4
lalain67000 Messages postés 102 Statut Membre 44

Normalement si je ne me trompe pas une image en fond de page s'ajoute en attribut de la la balise <BODY>.
Exemple : <BODY BACKGROUND="../theme/monde.lpeg"></BODY>
Le nom de ton dossier [theme] ne doit pas avoir de caractère accentué...
Tu me diras si ça marche :-)
Alain
5
1. azerty
  
  Moi, je l'ai fait, mais au lieu d'avoir une seule grande image en fond d'écran, j'en ai plein de petite image. Comment faire pour en avoir une seule grande ?
  
  0
2. linda.zazy Messages postés 318 Statut Membre 16
  
  Salam,
  il faut ajouter un autre attribut pour empêcher la répétition de l'image :
  bgproperties="no-repeat"
  
  0
3. azerty
  
  Merci !
  
  0
Réponse 4 / 4
tsoko Messages postés 64 Statut Membre 7

Bonjour,
Comme vous êtes entrain de créer un site internet en local, je vous conseille vivement de déplacer ou copier l'image en question dans un sous-répertoire de votre site web car lorsque vous allez exporter ce dossier sur votre hébergeur, l'image suivra.
3

Comment mettre une fond d'écran sur mon site avec html

4 réponses

Discussions similaires

Newsletters