Posicionar nome do usuário no tópico

5 participantes

Ir para baixo

Tópico resolvido Posicionar nome do usuário no tópico

Mensagem por Shinra 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
Novo Membro

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz 12.10.16 15:38

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

Atenciosamente.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra 12.10.16 22:46

Desculpe, achei que já havia retirado ^^
Shinra
Shinra
Novo Membro

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra 13.10.16 22:46

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

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

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por REVIEW 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
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra 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
Novo Membro

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Lincoln 14.10.16 11:47

Adicione ao seu CSS:

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

Membro desde : 24/09/2011
Mensagens : 422
Pontos : 711

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra 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
Novo Membro

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Luiz 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
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por REVIEW 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
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por Shinra 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
Novo Membro

Membro desde : 01/02/2016
Mensagens : 11
Pontos : 20

http://hxheroes.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Posicionar nome do usuário no tópico

Mensagem por while 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
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

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