Annonce Image qui glisse sur le côté du blog

Bonjour,
plusieurs personnes m'ayant posé la question,
j'ouvre ce sujet qui je l'espère n'est pas un doublon. 

Comment placer une image qui glisse sur le côté du blog ?


 
Sur Ekla, c'est facile à réaliser en allant dans l'administration
apparence/ modifier le thème/ format du blog/ fond/ cocher "image"/ parcourir.
Ensuite Afficher/masquer les paramètres étendus et choisir :
* Style : non répétée
* attachement : fixe
* position : menu déroulant, choisir "en bas à droite"
ou en "bas à gauche" selon la configuration du blog.


Cette méthode ne fonctionnera pas
si vous avez déjà une image qui couvre tout le fond de votre blog.
En revanche, pas de problème pour y associer une couleur de fond.


Si vous souhaitez changer cette image sur un article spécifique.

Dans la source (icône <>) de l'article



vous collez ces lignes

<style type="text/css"><!--
#body { background-image: url("l'adresse de votre image") ;
background-repeat: no-repeat ; background-position: right bottom ;
background-attachment: fixed ;  }
--></style>

Aperçu d'un article avec une autre image

Un très grand merci pour l'explication, Kinou.
J'avais complètement oublié cette possibilité offerte par Eklablog.
Merci beaucoup !!

De rien et c'est sûr que c'est plus simple que le kiwi  

Merci beaucoup Kinou ! Je suis allée ici pour chercher, et j'avais totalement oublié que c'était possible sans aucun code.

Joyeuses fêtes ! 

Joyeux Noël !

Merci pour l'info, ça faisait un moment que je cherchais cette astuce, merci !

merci C. Kinou et bonne année à toi !

Seb

Merci

Bonjour,

On peut maintenant ajouter plusieurs images de fond sur un même élément (les unes au dessus des autres).

Le principe est le suivant (si hypothèse de 3 images):

sélecteur {
background-image: url(image1), url(image2), url(image3) ;
propriété A : valeur pour1, valeur pour2, valeur pour3 ;
propriété B : valeur pour1, valeur pour2, valeur pour3 ;
propriété C : valeur pour1, valeur pour2, valeur pour3 ;
}

Ce n'est pas compatible avec une propriété background-color, mais on peut peut faire un fond coloré avec une image unie, en la répétant si besoin.
Le premier élément de la liste background-image sera en haut de la pile des images.


Pour illustration dans le cadre du présent sujet de C.Kinou, voici un code css de même effet, mais avec deux images  : (voir dans le blog de démo, avec ajout dans modifier le thème):

#body { background-image: url("http://dlssm.free.fr/impatient/3%20(2).gif"),  url("http://dlssm.free.fr/impatient/3%20(4).gif") ;
background-repeat: no-repeat ; no-repeat ;
background-position: right 50px bottom 50px, left 25px top 100px ;
background-attachment: fixed, fixed ;  }

 référence avec exemple