Aggiungi un'immagine di firma per un utente specifico (posso farlo già per un gruppo)

Attualmente ho impostato in modo che un certo gruppo abbia una piccola immagine che appare come una sorta di firma in ogni post. Voglio espandere questo a un paio di persone, ma non voglio dover creare gruppi individuali per tutti (non avranno la stessa immagine, quindi non posso semplicemente creare un gruppo per loro).

Non sono un esperto di CSS (so usarlo e a volte ci smanetto un po’, ma questo è il mio limite). Al momento sto usando

.topic-post.group-Owner .topic-body .cooked::after {
    background-image: url("https://picture.image");
    background-repeat: no-repeat;
    background-size: 160px 80px; /*cambia questi valori in base alle dimensioni dell'immagine*/
    width: 160px; /*cambia questo valore in base alle dimensioni dell'immagine*/
    height: 80px; /*cambia questo valore in base alle dimensioni dell'immagine*/
    display: block;
    float: right;
    content: "";
}

Che funziona bene per il gruppo. Ho provato a sostituire .username-User e non funziona.

Ehi,

Se guardi la struttura HTML, puoi vedere quanto segue:

Puoi fare affidamento sull’ID utente o sul nome utente (ma probabilmente meno affidabile).

Ad esempio, con l’ID:

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

Ci è riuscito, grazie!

1 Mi Piace

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