[ASTUCE] Bloc fixe dans le fond du body

[Fred 1 079]

L'idée : afficher une information fixe, dans le fond donc en-dehors du site.

 

Exemple avec une barre d'affiliation :

 

 

C'est un effet assez facile à réaliser.

 

Dans le CSS avancé :

 

Le positionnement dépend de la dimension de l'écran.

Ensuite le contenu de la div est spécifié dans la configuration du site, script dans le body :

<div id="floatingBlock">
  votre code html
</div>

Pour tenir compte des petites écrans, ajouter au CSS :

@media (max-width: 1200px) {
  #floatingBlock {
    display: none;
  }
}

 

[Fred 1 079]

Astuce à améliorer évidemment 😉