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

Messages postés
1
Date d'inscription
dimanche 14 octobre 2012
Statut
Membre
Dernière intervention
14 octobre 2012
- - Dernière réponse :  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

Meilleure réponse
Messages postés
18
Date d'inscription
vendredi 25 octobre 2013
Statut
Membre
Dernière intervention
29 décembre 2013
28
26
Merci
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 :)

Dire « Merci » 26

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 70704 internautes nous ont dit merci ce mois-ci

Salut, merci pour ces info il manque juste les deux accents sur l image.
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
> 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+
Messages postés
1292
Date d'inscription
mardi 24 janvier 2012
Statut
Membre
Dernière intervention
26 octobre 2014
217
5
Merci
<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.
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) ?
je me sui tromper de jerigol
Messages postés
92
Date d'inscription
dimanche 14 octobre 2012
Statut
Membre
Dernière intervention
6 mars 2017
31
4
Merci
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
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 ?
linda.zazy
Messages postés
300
Date d'inscription
dimanche 30 mars 2008
Statut
Membre
Dernière intervention
2 février 2017
12 -
Salam,
il faut ajouter un autre attribut pour empêcher la répétition de l'image :
bgproperties="no-repeat"
Messages postés
57
Date d'inscription
samedi 29 décembre 2012
Statut
Membre
Dernière intervention
9 novembre 2013
6
3
Merci
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.