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
» [Plugin] Criar tags bbcode
Hoje à(s) 04:12 am por STBWº

» Pintar ícones
Hoje à(s) 02:49 am por Cannabis._.

» Aumentar a fonte do título da mensagem
Ontem à(s) 10:51 pm por rlmac

» Botão do Menu que Redireciona para Links Aleatórios
Ontem à(s) 10:44 pm por Br_SP_Rodrigo

» tem, certificado ssl gratuito?
Ontem à(s) 10:00 pm por Luiz~

» Tem como tirar esse nome?
Ontem à(s) 09:39 pm por Luiz~

» Informações tooltip
Ontem à(s) 09:21 pm por Ramon Rodrigues

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Shek
 
Kyo Panda
 
Chrono Trigger
 
Harleen
 
Sennior
 
CAI0
 
Br_SP_Rodrigo
 
admin186
 
rlmac
 

Quem está conectado
206 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 204 Visitantes :: 1 Motor de busca

rcnovalski, STBWº

[ 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 : 392
Pontos Ativos : 611

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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.


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/

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 : 392
Pontos Ativos : 611

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3010
Pontos Ativos : 3745

https://github.com/lffg/fdf/
  • 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 : 392
Pontos Ativos : 611

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


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3499
Pontos Ativos : 4759

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