Résolu Image commentaire manquante

Bonjour

J'aimerais beaucoup pouvoir attribuer, aux gens qui laissent un commentaires, qui ont un compte mais pas d'image dessus, une image que moi j'aurais choisi pour mon blog. 

Je suppose que l'on peut trouver un code css qui remplace cette image de base eklablog : par une autre personnalisée.

https://www.eklablog.com/images/avatar_empty.png

par une image qui serait stockée sur mon blog. 

Si vous avez déjà réussi à faire ça ou avez l'astuce, n'hésitez pas à partager :)

Merci d'avance :)

Yumiko

Bonjour,

Css n'est pas une formule magique

Il est possible de faire semblant, mais c'est contraignant, il faut ajouter du code à chaque commentaire !
Exemple: (remplacer les xxxxxxx par le n°du commentaire)
#post-xxxxxxx .post_table_profile img  {display:none;}
#post-xxxxxxx.post_table_profile:after {content: url(adresse de l'image);}

 Il est peut être préférable de ne pas afficher ces images :
[src*="avatar_empty.png"] {display: none;}

ou de minimiser au maximum l'image, en jouant surtout des bordures et autres attributs (crée un format visuel particulier)

Exemple de css ou tout ce qui est entre { et } est modifiable :
[src*="avatar_empty.png"] {width: 1px;  border: 20px solid #fce4e7; border-radius: 20px; margin-left:40px; padding: 0px;}

Bonjour,

@ stormalo : en lisant tes propositions, n'est-il pas possible de

- créer une image "avatar_empty2"  (par exemple)
- faire que le [src*="avatar_empty.png"] {display: avatar_empty2;}

c'est pas possible ça ?
(c'est une vraie question, tu sais que moi y'en n'a pas pro en code !)

Hihi @Stormalo tu me fais rire... si, moi, je trouve ça magique hihi

Mais je sais qu'on ne peut pas tout faire. Mais tellement de truc sympa déjà.

 D'ailleurs, ce serait possible d'avoir genre 4 ou 5000 lignes de code au lieu de 2300 ?  suis à court de place 

Hum intéressant ton dernier code je vais tester... Si tu es curieux et veux voir tout ce que j'ai fait pour les autres tu peux en voir un exemple ici. Tu verras je me suis déjà bien amusée :)

To Pipiou

Hum ta question est tout à fait censée Pipiou effectivement ça me parait être une bonne idée, après, est-elle réalisable, ça c'est une autre question et si c'est dans chaque message qu'il faut intervenir, la c'est pas la peine. 

@ Pipiou,

Le code à trouver pour faire automatiquement ce que tu souhaites, devrait réaliser une séquence d'actions du genre:

1- Inspecter les id avec class="post_table_profile" ET agir sur celles qui contiennent l'adresse  href="/images/avatar_empty.png"
2- si oui : remplacer cette url par celle d'une autre image
3- si non : examiner l'id suivante
etc.

En résumé façon LibreOffice/Calc ou  Excel ça correspond à une boucle comme :
tant que cette condition est vrai, faire un test , si le test conclu vrai faire ceci, sinon faire cela

C'est hors de l'esprit CSS, mais JavaScript pourrait, éventuellement, faire ce type de manipulation

@ Yumiko777

Même les magiciens ne font rien de magique

Concernant ton lien, je n'ai pas vraiment compris ce qu'il fallait regarder !   

Lol intéressant la démarche que tu donnes Stormalo, mais trop compliquée pour moi niveau codage ; je comprends l'idée mais ai-je envie d'aller si loin dans la recherche, mdr telle est la question. Et la réponse immédiate est non. Lol, la plus simple.

Oui oui, tu as raison même les magiciens ne font rien de magique mais le résultat peut le paraître au commun des mortels et c'est ce qui est fascinant.

Ah, c'était juste pour te faire voir les différences d'images que j'ai inséré suivant si c'est une réponse normale, une réponse à une réponse ou une réponse admin.

Mais tout ça te paraîtra probablement bien simple. Moi qui suis pas codeuse, je suis contente du peu :)

merci storm pour les infos, j'avais pas pensé au déroulé "condition".

Mais...  puisqu'il y a déjà l'affichage prévu d'un avatar_empty = cette vérification du Profil se fait déjà et de toute façon, non ?  

Du coup je pensais qu'il suffirait de modifier le lien de l'image avatar_empty.

(abracadabra )

[src*="avatar_empty.png"] {display: none;}

en rouge le sélecteur :  seront sélectionnés tous les éléments dont l’attribut src contient les caractères avatar_empty.png
(autrement dit ceux qui contiennent des url avec ces caractères)
  

en bleu la propriété à appliquer : display définit le type d'affichage à utiliser  pour le rendu de l'élément sélectionné (ici une balise image ).

Bonne journée.

mon commentaire n'appelait pas de réponse particulière, c'est p'têt pour ça que je pige pas la leçon  

Bon aprèm

Ah bon !   
Sur ton comm, la 2ème phrase se termine pourtant par un point d'interrogation. 

La "leçon" n'est en fait qu'une courte définition du rôle des deux composantes du code