[TUTORIAL] Inserir uma imagem antes do nome do grupo

Para personalizar ainda mais um determinado grupo e sua função, gostaríamos de colocar uma imagem próxima ao nome do grupo, na legenda, para tornar mais fácil a identificação das funções e, claro, tornar a legenda mais elegante e única!

1º - Código a ser utilizado:

a[href="/g1-administradores"] {
background: url("URLDAIMAGEM") no-repeat;
padding-left: 19px;
padding-top: 2px;
}

Vermelho: Deve ser o link para o grupo que deseja aplicar o efeito, de forma semelhante à apresentada no código padrão.
Azul: Deve ser o link para uma imagem que ficará ao lado do grupo, dando o efeito desejado.
Verde: Se desejar modificar a quantidade de px que irá referenciar a posição da imagem ao lado do nome do grupo, respectivamente, a margem a esquerda e a margem para cima.

2º - Onde inserir o código:

Aceda à:

Painel de controle Visualização Imagens e Cores Cores Folha de estilo CSS

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Insira o código trabalhado no item anterior no conteúdo do CSS.

3º - Resultado: