Nick em cima do avatar

por Juuhz_ 28.04.12 19:23

Qual é minha questão:
Queria botar o nickdo usuário em cima do avatar mais que não fique grudado com a foto que aja um espaço entre o nick e o avatar.

Medidas que eu tomei para corrigir o problema:
pesquisei no fórum e não achei =(

Links e imagens do meu problema:

Endereço do meu fórum:
http://perola-transformice.forumeiros.com/

Versão do meu fórum:
PHPBB3

por Gabe 28.04.12 21:50

Olá!

Infelizmente na versão Phpbb3 isso não é possível, pois ela não permite edição de templates.

Abraço.

por Troubleshoot 28.04.12 22:22

Olá Juuhz, quero lhe dizer que o procedimento é bem complicado!
Bom, vamos lá:

Primeiramente, o código do nick.

.postprofile dl dd img[src*="https://2img.net/i/fa/fdf/aidactif.png"][alt][title]{margin-rght: 5px !important;
margin-top: 255px;
margin-left: 0px;
position: fabsolute;
rght: 5px;
z-index: 999;}

Negrito: Devera editar o número até ficar como desejado.Lembrando sempre que quanto maior o valor, mais alto o nick ficará.
Vermelho:Caso o nick ou o rank venha ficar muito desalinhado, edite este valor.
Azul(link): Deverá colocar a url do rank do usuário ex: Nick em cima do avatar Aidactif

.
Agora, devera repetir este mesmo código para TODOS os ranks.

Código do avatar:

.postprofile dl dt a[href*="/"] img[src*="//"][alt]{margin-rght: 5px !important;
margin-top: 55px;
margin-left: -75px;
position: absolute;
rght: 5px;
z-index: 999;}

Negrito: devera editar este valor até ficar como desejado.Lembrando que quanto maior o valor, mais baixo ele ficara.
Vermelho: Caso o avatar venha ficar desalinhado, devera editar também este valor.

Adicionando o código:

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

Lembre-se de clicar em validar.

Resulta?

por The Lord™ 28.04.12 22:31

Olá,
Desculpa eu me intrometer neste tópico, mas não tem uma maneira de colocar só o nick não?

por Troubleshoot 28.04.12 22:32

megalord00 o tutorial que passei é somente para isto !

Até mais.

por The Lord™ 28.04.12 23:10

Olá,

Pois é, mas quando eu coloco o código ele fica todo o perfil em cima e o avatar em baixo. Eu queria um que só tivesse o Nick em cima.

por Hyouki 28.04.12 23:35

Olá Eu Estava Tentado Botar essa Seguinte Façanha e Achei a Seguinte resposta do !Sasuke Testei e Fucionou atéé.

!sasuky escreveu:Olá Juuhz, quero lhe dizer que o procedimento é bem complicado!
Bom, vamos lá:

Primeiramente, o código do nick.

.postprofile dl dd img[src*="[b]https://2img.net/i/fa/fdf/aidactif.png"][alt][title]{margin-rght: 5px !important;
margin-top: 255px;
margin-left: 0px;
position: fabsolute;
rght: 5px;
z-index: 999;}

Negrito: Devera editar o número até ficar como desejado.Lembrando sempre que quanto maior o valor, mais alto o nick ficará.
Vermelho:Caso o nick ou o rank venha ficar muito desalinhado, edite este valor.
Azul(link): Deverá colocar a url do rank do usuário ex:.
Agora, devera repetir este mesmo código para TODOS os ranks.

Código do avatar:

.postprofile dl dt a[href*="/"] img[src*="//"][alt]{margin-rght: 5px !important;
margin-top: 55px;
margin-left: -75px;
position: absolute;
rght: 5px;
z-index: 999;}

Negrito: devera editar este valor até ficar como desejado.Lembrando que quanto maior o valor, mais baixo ele ficara.
Vermelho: Caso o avatar venha ficar desalinhado, devera editar também este valor.

Adicionando o código:
Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS
Lembre-se de clicar em validar.

Resulta?

por Juuhz_ 29.04.12 20:47

primeiramente, obrigado !sasuky

O 1º Código não resulto em nada, já o segundo fez a alteração mais o avatar cobria os itens abaixo do perfil

Hitskin.com

Nick em cima do avatar

Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar

Re: Nick em cima do avatar