Posicionar nome do usuário no tópico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Posicionar nome do usuário no tópico

Mensagem por Shinra em 12.10.16 9:23

Detalhes da questão


Endereço do fórum: http://hxheroes.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Bom dia pessoal! õ/

Estou com um pequeno problema no meu fórum - em construção - e gostaria da ajuda de vocês. Bem, o nick name apresentado nos perfil's em cada postagem se encontram mal posicionados, meio encavalados um em cima do outro em caso de nomes grandes, então queria saber uma forma de ajustar isso. Aqui um print

1: https://i.gyazo.com/e991d226a61de19556841831da08cd80.png

Gostaria de deixa-lo centralizado e em cima da imagem da 'nuvem'. Outra falta de posicionamento vem da barra de acesso, onde ficam: Início, Portal e afim; seguindo outro print

2: https://i.gyazo.com/ffa4dc0727f96bfc3db7a24ee05498d5.png

Não da pra notar muito, mas essa barra está totalmente jogada para a esquerda, coisa que ficaria melhor estando centralizada. Agradeço desde já a ajuda de vocês! xD
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz em 12.10.16 15:38

Olá, amigo.
Poderia retirar seu fórum da manutenção, por favor?  Esperando

Atenciosamente.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra em 12.10.16 22:46

Desculpe, achei que já havia retirado ^^
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por while em 13.10.16 18:12

Olá autor,

Só pode ser feito uma dúvida por tópico, por isto, só atenderemos a sua primeira dúvida, pedimos que crie um novo tópico para a outra.

Quanto sua questão, acesse:
Painel de Controle -> Visualização -> Imagens e Cores -> Cores -> Folha de estilo css

E adicione esse código:
Código:
.pun .user-ident .username {top:30px!important;}

Até mais.
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra em 13.10.16 22:46

Ajudou bastante, mas ainda não ficou centralizado :/

Link: https://i.gyazo.com/9128544788f7f9cb86554f834742dd77.png
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz em 13.10.16 23:31

Olá!

Adicione em sua folha de estilo CSS:

Código:
a[href^="/u"] span {
position: absolute!important;
left: 399%!important;
}

Observação Importante: Vale frisar, que o valor não centralizará exatamente todos os nicks, pois cada um tem o seu tamanho. O CSS acima foi feito com base em um nick pequeno "Arc". Sendo assim, nicks maiores poderão sofrer uma leve alteração.

Atenciosamente, Luiz.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por REVIEW em 14.10.16 1:49

Boa noite,
troque o código fornecido pelo while, por este:
Código:
.pun .user-ident .username a{left:30px!important;}
Resulta?

Até mais. Piscada
REVIEW

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1190
Pontos Ativos : 2285

Ver perfil do usuário http://ceudasart.forumeiros.com/

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra em 14.10.16 5:04

A questão de centralização foi resolvida, porém, agora o nick está pra fora do perfil em si

Print: https://i.gyazo.com/579e7c7c6cbec0e553ff2aa0a27c11b5.png
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Lincoln em 14.10.16 11:47

Adicione ao seu CSS:

Código:
.pun .user-ident .username a {
margin-top: 70px;
}
Lincoln

Lincoln
Usuário avançado

Masculino
Inscrito dia : 24/09/2011
Mensagens : 422
Pontos Ativos : 711

Ver perfil do usuário

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz em 14.10.16 13:29

Olá!
Retire todos os códigos passados anteriormente, e coloque estes.
Caso o problema não se resolva, somente adicione o do Lincoln, mas abaixo destes e sem remove-los.

Código:

a[href^="/u"] span {
position: absolute!important;
left: 399%!important;
}
.pun .user-ident .username {top:30px!important;}


Atenciosamente, Luiz.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra em 16.10.16 4:59

Nenhum funcionou :/

O do Lincoln ainda ficou bem torto, e o seu, Luiz, ficou quase fora do perfil.
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz em 16.10.16 12:58

Olá!
Troque o código que te passei, para:

Código:

a[href^="/u"] span {
margin-left: 29px!important;
}
.pun .user-ident .username {top:30px!important;}

Observação: É importante ressaltar que, como já disse anteriormente, este CSS foi feito com base no usuário "Arc", que possui um nick pequeno.
Sendo assim, nicks maiores poderão não ficar tão centralizados, mas acho que é pouca coisa.

Atenciosamente, Luiz.[/quote]
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6626
Pontos Ativos : 7521

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por REVIEW em 16.10.16 19:17

Saudações,
apague todos os código fornecidos pelos membros acima e coloque este:
Código:
.pun .user-ident .username a{left:30px!important;position:relative;top:70px!important;}

Até mais.
REVIEW

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1190
Pontos Ativos : 2285

Ver perfil do usuário http://ceudasart.forumeiros.com/

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra em 16.10.16 21:42

Aehooooooooooooooooooooooooo

O do castiel deu certo! Muito obrigado! Muito feliz

Se quiserem, podem dar o tópico como resolvido Muito feliz
Shinra

Shinra
Nível 2

Masculino
Inscrito dia : 01/02/2016
Mensagens : 11
Pontos Ativos : 20

Ver perfil do usuário http://hxheroes.forumeiros.com/forum

Atendido / Resolvido Re: Posicionar nome do usuário no tópico

Mensagem por while em 17.10.16 0:03

Posicionar nome do usuário no tópico Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3231
Pontos Ativos : 4719

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum