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


    Lundi 8 Septembre 2014 à 15:16
    C.Kinou

    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


    Lundi 8 Septembre 2014 à 16:31
    RV.

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

    Lundi 8 Septembre 2014 à 17:41
    C.Kinou

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

    Mardi 23 Décembre 2014 à 15:38
    Cécile-

    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 ! yes

    Mardi 23 Décembre 2014 à 16:23
    C.Kinou

    Joyeux Noël !

    Dimanche 4 Janvier 2015 à 16:13
    Queen Paramount

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

    Lundi 5 Janvier 2015 à 13:41
    PoivréSeb

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

    Seb

    Lundi 5 Janvier 2015 à 14:16
    C.Kinou

    Merci wink2

    Mercredi 8 Février 2023 à 21:32
    stormalo

    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 }

    icone info référence avec exemple 

     




    Vous devez être membre pour poster un message.