Nick do usuário deste jeito

2 participantes

Ir para baixo

Tópico resolvido Nick do usuário deste jeito

Mensagem por Keyonix 17.01.13 10:27

Qual é minha questão:
Olá, ;D

Como posso criar um efeito igual ao da imagem no nick dos usuários?
Nick do usuário deste jeito 30w120o

Fórum onde vi: http://www.gfx-art.org/t4333-avant-de-reclamer-mise-a-jour-des-partenaires-11-09-2012

PS: No meu fórum o nick do usuário fica em cima, não quero modificar isso, apenas desejo obter o mesmo efeito do nick.

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

Versão do fórum:
PUNBB


Última edição por Keyonix em 17.01.13 20:47, editado 1 vez(es)
Keyonix
Keyonix
Novo Membro

Membro desde : 24/12/2012
Mensagens : 25
Pontos : 37

Ir para o topo Ir para baixo

Tópico resolvido Re: Nick do usuário deste jeito

Mensagem por Roevs 17.01.13 10:37

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:
.post .name {
display: block;
float: left;
magin: auto;
padding: 1px;
text-align: center;
font-size: 12px;
margin-top: 10px;
background: url(http://img15.hostingpics.net/pics/500506fondpseudo.png) no-repeat top center;
height: 25px;
min-width: 129px;
}

Caso o código passado acima não de tente este

Código:
.pun .user-ident .username a {
display: block;
float: left;
magin: auto;
padding: 1px;
text-align: center;
font-size: 12px;
margin-top: 10px;
background: url(http://img15.hostingpics.net/pics/500506fondpseudo.png) no-repeat top center;
height: 25px;
min-width: 129px;
}

Até
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Nick do usuário deste jeito

Mensagem por Keyonix 17.01.13 20:46

Obrigada!!!
O segundo código funcionou! Muito feliz
Keyonix
Keyonix
Novo Membro

Membro desde : 24/12/2012
Mensagens : 25
Pontos : 37

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos