• Résolu mettre un gif permanent en fin d'article


    Mardi 30 Juillet 2019 à 23:15
    jackline

    Merci Stormalo pour toutes ces explications...j'avais bien essayé de mettre les codes que tu indiquais en css, mais c'était la background position et les données que je ne savais pas ajuster..la solution de Collette 95 je l'ai installée, et effectivement, l'image gif apparaît sous le contenu de l'article, sur le fond du blog...avant la zone des commentaires. Pourrais-tu STP me mettre les codes css exacts avec les positions et dimensions afin que mon gif se positionne comme sur la simulation que tu as faite de mon blog ? C'est exactement comme cela que je le voulais...Encore une fois merci pour ton aide 

    Mercredi 31 Juillet 2019 à 08:24
    stormalo

    Hier j'ai pratiqué une simulation à partir de la page chargée sur mon écran et modifié le placement à l’œil

    Dans le css, background-position: right 50px bottom 20px ; est une écriture qui positionne l'image à 50px du bord droit et 20px du bord inférieur.

    De mémoire, après quelques essais,il me semble avoir utilisé  la valeur 100px au lieu de 50px

    A vérifier ;, on doit pouvoir aussi remplacer   right 100px   par   center   (le centrage serait alors automatique)


    Je te laisse faire la vérification.pour   background-position: center bottom 20px ;

    Mercredi 31 Juillet 2019 à 09:50
    jackline

    Bonjour Stormalo

    Encore merci, je vais essayer ça ....et si cela fonctionne, je reviens te le dire....

     

    Ouiiiii...cela fonctionne très bien !! coolTu me rends un très grand service là...On a de la chance de vous avoir tous, les bénévoles qui aident si bien...yes Merci à toi, à Colette, Pipiou, et tous les autres que j'oublie là...Merci à tous et bonne journée..wink2

     

    Edit : pardon de revenir avec ce sujet, mais je n'arrive pas à positionner l'image correctement dans la hauteur du bloc du contenu...tout se met bien en place pour le positionnement avec les dimensions que Stormalo indique dans le code css, mais pour la hauteur, c'est problématique...l'image se superpositionne avec du texte, ou avec une autre image contenue dans l'article...comment faire pour que mon gif fixe soit installé en toute fin d'article, avant la ligne des tags, ou du lien linkwithin ?...Merci de me dire, je rame...

    Mercredi 31 Juillet 2019 à 13:28
    stormalo

    Ça je l'ai indiqué dans mon commentaire, hier, 14:08, avant dernier  paragraphe

    Les images introduites en background sont des images placées à un niveau situé sous le contenu existant.(c.a.d. en image de fond). Il faut donc laisser un espace vide pour la voir non recouverte. Mon trèfle à 4 feuilles, situé en bas et à droite est rarement recouvert; C'est une image de petite hauteur.

    Un code Javascript qui rajouterait un ou deux paragraphes vides serait peut être une solution automatique, mais je ne maitrise pas ce langage de code.

    Par css j'ai une bien une idée, mais elle reste à tester. Peu probable.

     

    Mercredi 31 Juillet 2019 à 15:25
    Colette95

    Me revoilou... happy

    Et pourquoi ne pas mettre tout simplement ce code

    .article_text:after {
        positionrelative;
        contenturl("http://ekladata.com/iF03QKpgODhePLZ4JL_g66L5Q-0.gif");
    }

    Mercredi 31 Juillet 2019 à 16:48
    stormalo

    Ah bien le bonjour Colette95yes

    C'est un peu à cela que je pensais !  si  si !      un  :after avec content: url(     )

    . . . mais le problème c'est que je ne sais pas dans ce contexte comment on pourrait centrer l'image de jackline   (sauf à bidouiller ; par exemple en ajoutant des caractères invisibles avant l'image.

     

    Et puis  Chut ! 
    Perso ça me dérange un peu, de voir des "Merci de votre visite" sur toutes les pages lorsque je visite un site..

    he A suivre. . .

    Mercredi 31 Juillet 2019 à 17:03
    Colette95

    Coucou stormalo smile

    Pas besoin de bidouiller, l'image se centre d'elle-même uniquement avec ce code.

    Pour le ...  suis entièrement d'accord avec toi. yes

    A bientôt pour la suite !

    Mercredi 31 Juillet 2019 à 17:28
    stormalo

    @ Colette95,

    Super. Si ça se centre tout seul c'est à mettre dans ma caisse à outils (et surtout à comprendre pourquoi ça fonctionne comme ça)

    Quand je pense qu'il y a une personne qui persiste et signe, pour dire que je suis le meilleur.  Preuve est faite que ce n'est pas vrai..

     

     

    Mercredi 31 Juillet 2019 à 17:50
    Colette95

     Et je continue à persister, mais oui... yes

    En réponse à tes interrogations, ça se centre tout seul parce que jackline a choisi :

    text-align: center;

    Sinon, effectivement, il aurait fallu ajuster.

    Jeudi 1er Août 2019 à 00:03
    jackline

    Désolée de passer si tard, mais j'ai été absente toute l'après midi, et ne rouvre l'ordi que maintenant, juste avant de le fermer hi hi....Bon, je vois que cela vous a fait bien gamberger mon problème, du coup ce matin n'ayant pas trouvé la bonne solution qui mettrait l'image pile poil après la dernière image ou photo ou diapo, ou vidéo de mes articles, j'ai finalement choisi la solution initiale de Colette95.. Je vais voir et essayer la solution de remettre le code css, donné par Colette95.. Encore merci, et si je dis que vous êtes les meilleurs, c'est que je le pense smile et je persiste et signe ha ha..

     

    Edit : 1/08/19- Youpiii !!! Merci Colette95, ton code css fonctionne, l'image s'est centrée exactement où je voulais qu'elle se mette....c'est impec !! Je suis très contente, et vous remercie encore tous les deux ainsi que Pipiou qui se dévoue lui aussi beaucoup pour nous aider...Bonne journée




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.