Aller au contenu
Support de Zwii
Fred

[ASTUCE] Bloc fixe dans le fond du body

Messages recommandés

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

 

Exemple avec une barre d'affiliation :

 

sZ67NgI.gif

 

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;
  }
}

 

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...