special astuces

Code fond d'écran

aide pour webmaster

Les fonds d'écran proposés sur mon site sont estompés en couleurs,
permettant ainsi de lire facilement les textes qui seront superposés.
Ce ne sont pas des photos d'art mais des images pour fond de page.

Leur petite dimension (800x450 pixels) permet de ne pas trop peser,
mais ils ne couvrent pas les écrans aux tailles souvent supérieures.

Vous pouvez redimensionner l'image à la taille d'un écran particulier.

Mais pour un site internet l'image du fond de page doit s'adapter à la
taille et à la résolution de chacun des types d'écrans de ses visiteurs
(du simple téléphone portable  au plus grand écran de PC de bureau).

Alors que faire ?

C'est très simple avec un peu de code CSS...

A copier/coller simplement entre les balises <head> et </head>.

  <style type="text/css">
html {
  margin:0;
  padding:0;
  background: url(repertoire/nom.jpg) no-repeat center fixed;
  background-size: cover;
}
</style>
 

En remplaçant les parties bleues par la localisation et le nom de l'image.

On peut vérifier en changeant le zoom de l'écran (ctrl + roulette souris).

Bien sûr, toute autre commande d'affichage ou couleur de fond d'écran
du type background ou bgcolor doit être supprimée de la ligne <body ...>

 
    Fonds écran

Disney     Bandes Dessinées     Noël     Pâques     Halloween     Thèmes Gifs
 
Navigation sur l'ensemble du site
   Atout gifs       Atout jeux       Atout Midi disney   bd   noel   noel   paques   irlande

 
  Copyright © MARSAL Yves, 1999-2021
Site personnel, strictement amateur, sans publicité
Email