Alinhar perfil de usuário

3 participantes

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

Tópico resolvido Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 15:01

Detalhes da questão


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

Descrição


Se verem um perfil de um usuário (http://rpg-narutoworld.forumeiros.com/u76) vão ver que não está alinhado, gostarinha de alinhar a barra do perfil com a do avatar e também de colocar uma borda vermelha da mesma coisa da categoria nas abas do perfil.

Alinhar perfil de usuário AisNoi5


Última edição por Appoloz em Qua 18 Jan 2017 - 17:41, editado 1 vez(es)
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 15:15

Use este código:
Código:
div#profile-advanced-details {
    position: relative!important;
    top: 21px;
}
div#tabs {
    bottom: -21px!important;
}

---

O resultado:
Spoiler:

(A borda poderemos fazer depois que o senhor aplicar o CSS acima, para ficar mais fácil).
Até agora, está tudo certo, como o senhor deseja? Mais alguma alteração? Sem contar com a borda, é claro. :v

Até masi.
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 15:19

Não alcancei o mesmo resultado...
Agora o campo do perfil do avatar fica para cima.
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 15:21

Troque o CSS passado acima por:
Código:
div#profile-advanced-details {
    position: relative!important;
    top: 21px!important;
}
div#tabs {
    bottom: -21px!important;
}

Resulta? Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 15:27

Agora as abas sumiram xD
Em teste estão escondidas atrás da barra da categoria
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 15:36

Remova todo o CSS que passei neste tópico, vou começar um do 0 de outro jeito.

Obrigado desde já.
Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 15:36

No aguardo =D
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 15:40

Tente este:
Código:
div#profile-advanced-details {
    margin-top: 21px!important;
}
(Ao topo da CSS).

---

Quanto à:
e também de colocar uma borda vermelha da mesma coisa da categoria nas abas do perfil.
Poderia explicar melhor? Louco (Não entendi muito bem).

Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 16:12

Resultou, porém as abas não acompanharam a categoria, ficando muito acima e sobrepondo a barra do "conectado como x"

-

As abas do perfil são: "Mensagens dos visitantes | Perfil | Estatísticas | Amigos | Contato"
Gostaria que ficassem com:
- links em preto
- links em 897e7e quando mouse em cima
- fundo branco quando não selecionadas
- fundo #e36262 quando selecionadas
- bordas (esquerda, direita, cima) na cor 750000
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 16:20

Olá! De bem com a vida

Adicione ao topo de sua Folha de Estilo CSS:
Código:
#profile-advanced-layout #tabs {
    bottom: -21px!important;
}
#tabs ul li:last-child {
    display: none!important;
}
#tabs ul li a {
    border: solid 2px #750000;
    border-bottom: none!important;
    border-radius: 5px 5px 0px 0px!important;
}
#tabs ul li.activetab a {
    background: none!important;
    background-color: #e36262!important;
    border: solid 2px #750000!important;
    border-bottom: none!important;
}

O resultado:
Spoiler:

O resultado chegou ao que o senhor queria? A questão foi resolvida?
Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 17:07

Quanto às abas estão ótimas, mas ainda não alinhou ):

Alinhar perfil de usuário Wb6AL42
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 17:09

Como assim, não estão alinhadas?
Elas estão acima do "header" do perfil.
Você quer centralizar as abas?

Até mais.
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 17:11

Olhe a sua print e a minha, a barra de categoria "Tudo sobre Hades" não está alinhada com a barra de categoria onde fica o avatar, rank, etc
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 17:29

Use este CSS:
Código:
#profile-advanced-right .module.main {
    margin-top: 40px !important;
}
Foi feito por mim no Firefox, deve deixar de causar erros.
Luiz

Luiz
Membro Entusiasta
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: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 17:35

Resultou, tenho outra dúvida (ainda sobre perfil avançado)
Têm como colocar a caixa dos amigos acima da caixa de publicidade?
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz Qua 18 Jan 2017 - 17:39

Creio que não é permitido modificar isso, pois envolve anúncios, e a modificação (que está relacionada à estes) não é muito permitida.

Mas se o senhor quiser, podemos verificar com um membro de "cargo" mais alto aqui no FdF.
Ou também pode deixar isso de lado.

Enfim... Até mais. Feliz
Luiz

Luiz
Membro Entusiasta
Membro Entusiasta

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

https://luizfelipe.dev

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz Qua 18 Jan 2017 - 17:40

Prefiro deixar de lado, vlw!
Appoloz

Appoloz
*****

Membro desde : 14/02/2012
Mensagens : 413
Pontos : 640

http://rpg-narutoworld.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar perfil de usuário

Mensagem por Kyo Panda Qua 18 Jan 2017 - 17:57

Alinhar perfil de usuário 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".
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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