Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Botão enviar e pré-visualizar
Hoje à(s) 01:46 am por Baki

» [Pedido] Banner ®
Hoje à(s) 01:37 am por -xGabriel..

» (PEDIDO) Ranks
Hoje à(s) 01:00 am por APOllO

» Botões padrões tema pokemon
Hoje à(s) 12:54 am por APOllO

» Fim do rodapé
Ontem à(s) 11:34 pm por PrisoN†BreaK

» Overall_Header
Ontem à(s) 10:26 pm por iScroll

» Bug na mensagem em citação?
Ontem à(s) 09:40 pm por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
226 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 223 Visitantes :: 2 Motores de busca

-xGabriel.., agswebdesign, GSCode

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3763
Pontos Ativos : 4449

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

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
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3819
Pontos Ativos : 5044

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