Résolu petit gif "new" devant un lien

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

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

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

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;}

Bonjour et grand merci pour tes explications

Passe une bonne journée

Marie