Ícone a frente de um membro do chatbox

Detalhes da questão

Endereço do fórum: https://msirc.forumeiros.com
Versão do fórum: ModernBB

Descrição

Olá. O que há de errado com esse script:

Código:

jQuery(document).ready(function(){jQuery('.chatbox span[data-user="3"]').before('<img style="width: 23px; height: 23px;" src="https://i.imgur.com/y7QyqwJ.gif">')});

Ele não está adicionando a imagem antes do usuário no chatbox

Olá @iKa,

O senhor não precisa de usar um script para obter esse resultado. Adicione na sua folha de estilo o seguinte código, e apague o seu script:

Código:

#chatbox span[data-user="3"]::before,
#chatbox_members ul li span[data-user="3"]::before {
    content: "";
    background-image: url("https://i.imgur.com/y7QyqwJ.gif");
    width: 23px;
    height: 23px;
    background-size: contain;
    display: inline-flex;
}

Atenciosamente,
pedxz.

pedxz escreveu:Olá @iKa,

O senhor não precisa de usar um script para obter esse resultado. Adicione na sua folha de estilo o seguinte código, e apague o seu script:

Código:

#chatbox span[data-user="3"]::before,
#chatbox_members ul li span[data-user="3"]::before {
    content: "";
    background-image: url("https://i.imgur.com/y7QyqwJ.gif");
    width: 23px;
    height: 23px;
    background-size: contain;
    display: inline-flex;
}

Atenciosamente,
pedxz.

Show amigo. Funcionou! Quebrei a cabeça bastante antes de trazer pra cá a dúvida, mas não consegui. Obrigado pela ajuda. Resolvido.

Disponha!

Tópico resolvido Movido para "Questões resolvidas".