Alinhar perfil de usuário

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

Resolvido Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 01:01 pm

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.



Última edição por Appoloz em 18/01/17, 03:41 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 01:15 pm

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.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 01:19 pm

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 01:21 pm

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 01:27 pm

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 01:36 pm

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

Obrigado desde já.
Até mais. Feliz
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 01:36 pm

No aguardo =D
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 01:40 pm

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 02:12 pm

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
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 02:20 pm

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 03:07 pm

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

avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 03:09 pm

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

Até mais.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 03:11 pm

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
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 03:29 pm

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.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 03:35 pm

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

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Alinhar perfil de usuário

Mensagem por Luiz em 18/01/17, 03:39 pm

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
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/
  • 0

Resolvido Re: Alinhar perfil de usuário

Mensagem por Appoloz em 18/01/17, 03:40 pm

Prefiro deixar de lado, vlw!
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Alinhar perfil de usuário

Mensagem por Kyo Panda em 18/01/17, 03:57 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

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

- Tópicos similares

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