• Résolu petit gif "news"


    Mardi 1er Septembre à 17:43
    Marie CréaGraph

    Bonjour

    Comment mettre un petit gif " news " en face d'une rubrique ou sur un module ?

    Merci à ceux qui me répondront

    Bonne soirér

    Marie CréaGraph

    Mercredi 2 Septembre à 08:18
    stormalo

    Bonjour,

    Je traduis la demande comme le besoin de mettre le petit gif "new" devant un lien qui affichera une rubrique (lien dans un module du menu)

    une façon de faire en ajoutant ce code dans le thème css >

    a[href*=a114298122]:before {content: url(https://www.allsmileys.com/files/emoji/e212.png) " "; vertical-align: middle;}

    En rouge la fin de l'adresse url de la rubrique (une lettre suivie de chiffres)
    En rose before place l'image en début de lien ; after la placerait à la fin.
    En vert l'adresse de l'image gif
    En bleu une propriété css pour centrer verticalemnt le gif
    Le " " est destiné à créer un espace.

    Sur le blog, tous les liens de même nature auront le petit "gif". Pour que seul le lien concerné soit celui qui est dans un module de liens, il faut ajouter en début du code un sélecteur qui cible ce module

    Bonne suite

     

    Jeudi 3 Septembre à 19:01
    Marie CréaGraph

    Bonsoir et merci Stomato

    Et quel est le code d'un sélecteur , en faite c'est quoi un sélecteur ?

    Je voudrais mettre un petit gif new juste devant un nouvel article dans le module concerné, par exemple " quand je poste un nouvel article dans ma rubrique Créas d'après Tuto " sur le côté gauche de mon blog.

    Voilà j'espère que je suis claire dans mes explications et si tu peux m'y répondre je t'en remercie d'avance.

    Amicalement

    Marie CréGraph

    Jeudi 3 Septembre à 20:15
    stormalo

    Bonsoir,

    Une ligne de code de style (css) est de la forme 
    sélecteur { propriétés : valeurs }

    sélecteur permet de cibler le ou les éléments auxquels seront  appliqué la recette de style définie entre { et }

    Dans le code que j'ai indiqué, a[href*=a114298122]:before   est le sélecteur.(il cible  l'emplacement qui précède les liens qui contiennent a114298422 dans leur adresse.) 

    En continuant sur mon exemple, pour que le gif "new" concerne exclusivement le lien "Divers" qui est dans le module "mes créations en PSP", il faut affiner le ciblage en ajoutant un sélecteur qui cible d'abord ce module, soit :  #module_menu_contenu143520020 
    (le n°rouge est l'identifiant du module menu concerné.) 

    Le code devient: 

    #module_menu_contenu143520020 a[href*=a114298122]:before {content: url(https://www.allsmileys.com/files/emoji/e212.png) " "; vertical-align: middle;}
    Vendredi 4 Septembre à 06:51
    Marie CréaGraph

    Bonjour et grand merci pour tes explications

    Passe une bonne journée

    Marie




    Vous devez être membre pour poster un message.