Adicione uma imagem de assinatura para um usuário específico (posso fazer isso para um grupo já)

Atualmente, tenho configurado para que um determinado grupo tenha uma pequena imagem que aparece como uma espécie de assinatura em cada postagem. Quero expandir isso para algumas pessoas, mas não quero ter que criar grupos individuais para todos (eles não terão a mesma imagem, então não posso apenas criar um grupo para eles).

Não sou muito bom com CSS (posso usá-lo e às vezes mexer um pouco, mas esse é o meu limite). No momento, estou usando

.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /* altere esses valores de acordo com o tamanho da imagem */
    width: 160px; /* altere este valor de acordo com o tamanho da imagem */
    height: 80px; /* altere este valor de acordo com o tamanho da imagem */
    display: block;
    float: right;
    content: "";
}

O que funciona bem para o grupo. Tentei trocar .username-User e isso não funciona.

Olá,

Se você olhar a estrutura HTML, poderá ver o seguinte:

Você pode confiar no ID ou nome de usuário do usuário (mas provavelmente menos confiável).

Por exemplo, com o ID:

.topic-post article[data-user-id="2"] .topic-body .cooked::after { 
  //
}
1 curtida

Isso resolveu, obrigado!

1 curtida

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.