Como coloco imagens nos nomes?

Qual é minha questão:
Bem, Quero saber como colocar imagens nos nomes.

Esse fórum tem as imagens, caso queira saber ou ver: http://pokemonimperial.forumeiros.com/forum

Pfv coloque tb a localisação para onde eu colocar, Ex: Painel de comtrole> Módulós>------------

Pfv presiso muito

Endereço do meu fórum:
http://pokemonfit.forumeiro.com

Versão do fórum:
PHPBB3

Olá amigo,

Crie uma novo código Javascript com investimento em todas as páginas e insira o seguinte código:

Código:

$(document).ready(function(){
$('a[href="/u1"]').each(function(){
  var userNam = $(this).html();
$(this).html('<img src="LINK_DA_IMAGEM"/>'+userNam);
});
});

No código que lhe passei, você encontra o valor "/u1". Substitua o 1 pelo número do usuário que deseja adicionar a imagem.

Espero que ajude.   
--

Não deu certo ;-;
códico que coloquei:
$(document).ready(function(){
$('a[href="/u1"]').each(function(){
 var userNam = $(this).html();
$(this).html('<img src="http://www.serebii.net/pokedex-xy/icon/038.png"/>'+Katy Perry);
});
});

Não da ;-;

Imagen que quero colocar : http://www.serebii.net/pokedex-xy/icon/038.png

Olá,


Vá em sua folha CSS:

Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS

E adicione em sua folha CSS o código abaixo:

Código:


.postprofile a span:before {
    content: url("http://www.serebii.net/pokedex-xy/icon/038.png")!important;
}


Caso funcionei e deseja fazer uma alteração só dizer!

Não deu

Você não deveria ter posto aquele "Katy Pery" ali. Você apenas tem que pegar o ID dele e colocar no lugar do número 1 como foi explicado no código.

Veja, esse é o link para meu perfil:

https://ajuda.forumeiros.com/u51772

E esse é meu ID: /u51772

Compreende?   

Não funcionoooo


$(document).ready(function(){
$('a[href="/u1"]').each(function(){
var userNam = $(this).html();
$(this).html('<img src="http://www.serebii.net/pokedex-xy/icon/038.png"/>'+userNam);
});
});

não funfiona ;-;

Perdoe-me, errei em um detalhe do código. Por favor, substitua por este:

Código:

$(document).ready(function(){
$('a[href*="/u1"]').each(function(){
  var userNam = $(this).html();
$(this).html('<img src="LINK_DA_IMAGEM"/> '+userNam);
});
});

Mesmo assim não deu '-'

$(document).ready(function(){
$('a[href*="/u1"]').each(function(){
var userNam = $(this).html();
$(this).html('<img src="http://www.serebii.net/pokedex-xy/icon/038.png"/> '+userNam);
});
});

;-;

Bom, testei em seu fórum e o mesmo pegou. Tente desta forma, já com o link da imagem inserida:

Código:

$(document).ready(function(){
$('a[href="/u1"]').each(function(){
  var userNam = $(this).html();
$(this).html('<img src="http://www.serebii.net/pokedex-xy/icon/038.png"/> '+userNam);
});
});

Até mais.
--

Bem aqui não apareceu nehuma imagen no lado do nick ;-;

Certo. Verifique se o gerenciamento de códigos Javascript está ativado.

Bem, funcionooo ^^ mais não aparece no Chat

Se puder ver meu outro tpc que é urgente pfv

Coca-Cola escreveu:Bem, funcionooo ^^ mais não aparece no Chat

Se puder ver meu outro tpc que é urgente pfv

Também não obtive sucesso em aplicá-lo no chat. Peço que aguarde até que algum Ajudeiro ou voluntário qualificado o ajude.

Atenciosamente.
--

Pra que utilizar script pra algo tão desnecessário? Pra pesar ainda mais o fórum?
Enfim... utilize este código em seu css:

Código:


a[href="/u2"] span:after {
  content: '.';
  padding: 5px 12px;
  background: url(http://www.pokestadium.com/pokemon/sprites/img/spin-offs/pmd/59.png) no-repeat;
}

Basta que você troque em "u2" pelo ID do usuário que irá adicionar o ícone. Creio que saiba localizar o ID de um usuário. Utilizei a imagem do fórum que foi passado pelo senhor acima.