Alinhar perfil de usuário

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.

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.

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

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.

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

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

Obrigado desde já.
Até mais.

No aguardo =D

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? (Não entendi muito bem).

Até mais.

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

Olá!

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.

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

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

Até mais.

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

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.

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

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.

Prefiro deixar de lado, vlw!