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


    Dimanche 28 Juillet à 23:37
    jackline

    Bonsoir, j'ai beau chercher dans le manuel, je n'ai pas trouvé de réponse à ma question...mais je suis sûre que quelqu'un va pouvoir m'aider...je sais qu'il faut que j'ajoute une ligne de css avec un code et l'url de l'image, mais je ne sais pas lequel ni où je dois l'ajouter...je veux mettre un gif permanent en fin de chaque article...Merci de votre aide

    Lundi 29 Juillet à 08:03
    Colette95

    Bonjour jackline,

    Pas besoin d'ajouter de code dans le css, 

    Tu vas dans Apparence -> Modifier le thème -> Contenu -> Bas du module.

    Définir la hauteur, télécharger le gif, sans oublier bien sûr tous les réglages "Style, Attachement, Position".

    Et voilà !... smile 

    Lundi 29 Juillet à 09:50
    jackline

    Merci bien Colette95, j'avais essayé cette solution, mais j'avais dû zapper de définir la hauteur, ce qui fait que le gif est bien installé dans le bas du module, mais n'apparaît pas, donc, je vais y remédier...Ton aide est toujours précieuse, bonne journéesmile

    Edit : malheureusement, après avoir essayé de mettre ce gif dans le corps d'article en fixe, pour qu'il y soit encré à chaque article cela n'aboutit qu'à me le mettre en haut de page, sous la rubrique nouvel article qui devient disproportionné, et cela n'est pas du tout ce que je voulais...le gif n'est pas positionné à la fin de chaque article, ou en -dessous comme je l'ai cru, mais tout en haut, là où il ne doit pas se trouver..'merci de votre visite)

    Je n'y arrive pas...

    Lundi 29 Juillet à 22:05
    stormalo

    Bonjour  Collette95 et jackline,

    @jackline

    La méthode donnée par Colette95 affiche le gif en bas de chaque blocs de Contenu. Ça ne correspond pas à ce que tu décris dans ton Edit ci-dessus.wink2

     

    Sinon, par css, pour placer une image gif (ou autre) en bas et à droite de chaque article (uniquement les articles) j'ai testé ce css sur le blog Atelier du château↗

      /*  ➀ image dans tous les blocs "article"... */
    [id*="module_contenu_article"]  {
        background-image: url("https://www.allsmileys.com/files/emoji/e110.png");
        background-repeat: no-repeat;
        background-position: right 50px bottom 20px ;
    }
    /*  ➁. ..sauf dans les blocs d'en-tête des rubriques d'articles */
    [id*="module_contenu_articles"]  {
        background-image: url("");
       }

    Attention :.  ➁ doit être lu par les navigateurs après  le n° ➀. Ne pas inverser l'ordre d'écriture

     

     

    Lundi 29 Juillet à 23:37
    jackline

    Merci Stormalo...finalement, il me semble que la méthode de Colette95 a fonctionné, puisque je vois le gif "merci de votre visite" sous le bloc d'article, et avant celui des commentaires...Bon, vais quand même noter ta méthode au cas ou...mais je viens de regarder sur le blog que tu mets en lien, et je ne vois aucun gif placé dans les articles qui soit "ancré" et permanent...

    Mardi 30 Juillet à 08:04
    Pipiou

    Bonjour,

    @ jackline : pour voir le gif  dans l'Atelier du Château il faut aller voir les articles (là où tu souhaitais ajouter un gif)

     

    Mardi 30 Juillet à 10:36
    jackline

    Ah, merci Pipiou, il faut que je retourne voir alors...pourtant je n'ai pas vu la rubrique articles...bon, j'y vais

     

    Edit : je suis dans les articles, et ne vois aucun gif, sauf des images normales dans le corps de l'article (image ou photo) positionnée à gauche de l'article...et aussi divers liens...je dois pas être douée alors !!

    Ou bien ce serait le trèfle à 4 feuilles positionné à droite en bas de chaque article ?...Ok...

     

    Mardi 30 Juillet à 11:00
    Pipiou

    c'est ça le problème des trèfles à quatre feuilles, c'est qu'il faut arriver les trouver wink2

     

    Mardi 30 Juillet à 11:17
    jackline

    J'ai essayé la méthode de Stormalo, mais les dimensions ne correspondent pas et je ne sais pas comment modifier...d'autre part, en ajoutant le css dont il met les codes ici, je ne sais pas si je dois mettre la première ligne, du n°1celle qui est marquée en violet, idem pour le n°2,  j'ai essayé avec, rien ne se passe, sans c'est pareil...donc, sauf à laisser comme j'avais fait, ou à mettre à chaque fin d'article, comme avec le lien linkwithin (c'est une sacrée contrainte ça aussi !!, sur blogger, il se met tout seul une fois qu'on mis le code dans le module correspondant) Bref, les dimension de mon gif c'est 755 par 110 de haut, et je voudrais qu'il soit centré en bas de chaque article...Je ne trouve pas comment faire, ni avec la solution de Colette95, ni avec celle de Stormalo...

    Mardi 30 Juillet à 14:08
    stormalo

    @jackline, quelques précisions utiles, au cas où :

    • Le principe de la proposition de Colette95 fonctionne en ajoutant l'image dans le pied de chaque module de contenu (c.a.d. dans tout ce qui sera entre les colonnes des menus latéraux : article, commentaire, page simple, contact, livre d'or, erreur 404 etc. )

      Celle que j'ai indiqué correspond plus strictement à la demande : "je veux mettre un gif permanent en fin de chaque article." et au fait que la réponse de Colette95 semblait ne pas convenir (?). 
      Ce code css ajoute bien l'image de manière automatique qu'en bas de tous les articles.
    • Dans un code css quel qu'il soit, tout ce qui est entre des /* et */ est facultatif. Ça ne sert à rien d'autre que de donner ou de conserver une information.
    • Par css, pour positionner l'image gif il suffit de modifier les valeurs de background-position.
      En utilisant la solution de Colette95, après avoir sélectionné l'image, cliquer sur Afficher les paramètres étendus, et agir avec le menu déroulant "Position" .
    • Le code css sur ton blog aurait donné ceci, en modifiant la valeur de 50px :
    • Les images ajoutées dans les deux options sont placées en image de fond. par css elles peuvent donc parfois apparaitre sous du texte de contenu, il suffit éventuellement de laisser un peu d'espace vide en fin d'article (en fait ça dépend de la taille image et de son positionnement)
      Sur le blog atelier du château l'image pour l'exemple est en effet un petit trèfle porte bonheur placé en bas et à droite des seuls articles.  
    •  Les deux options proposées (modification du thème ou ajout de css) fonctionnent dans la mesure ou elles sont mises en œuvre et ajustées sans anomalies de manipulation.
      Les résultats sont différents, mais le choix est au bon plaisir de chacun  smile

     

    Bonnes suites . . .

     

     




    Vous devez être membre pour poster un message.