Login no footer

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

Resolvido Login no footer

Mensagem por Cooper em 12/03/18, 05:14 pm

Detalhes da questão


Endereço do fórum: http://apixelados.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá,

Bom eu queria deixar o meu login do footer neste estilo:

Link: https://i.imgur.com/7iTQEBM.png

Como está:

Link: https://i.imgur.com/klVAxLC.png

Aonde eu vi: http://power-pixel.net
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

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

Resolvido Re: Login no footer

Mensagem por Cooper em 14/03/18, 04:13 pm

#Up!!
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

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

Resolvido Re: Login no footer

Mensagem por Pedxz em 14/03/18, 04:45 pm

Olá,
quando você cita: "Bom eu queria deixar o meu login do footer neste estilo:", é como? As cores dos inputs?

Agradeço uma resposta,
obrigado
avatar

Pedxz
Usuário destaque

Masculino
Inscrito dia : 13/01/2017
Mensagens : 740
Pontos Ativos : 1056

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

Resolvido Re: Login no footer

Mensagem por Cooper em 14/03/18, 07:33 pm

@Pedxz escreveu:Olá,
quando você cita: "Bom eu queria deixar o meu login do footer neste estilo:", é como? As cores dos inputs?

Agradeço uma resposta,
obrigado

Sim.
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

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

Resolvido Re: Login no footer

Mensagem por Chanp em 14/03/18, 08:53 pm

Olá, Cooper!
Aceda à:

Painel de Controle seta1 Visualização seta1 Imagens e Cores seta1 Cores seta1 Folha de Estilo CSS

E adicione o seguinte código ao final da sua folha de estilos:

Código:
.pun .post {
    background: #8F0808;
    border: 0 solid #42429f !important;
}

Obs.: Onde há #42429f, você pode substituir por uma cor hexadecimal. Eu coloquei a mesma cor do botão de Conectar-se.

Fica no seu agrado?
o/
avatar

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 185
Pontos Ativos : 212

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

Resolvido Re: Login no footer

Mensagem por virus em 14/03/18, 10:55 pm

Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Adicione a folha de estilo CSS este code:
Código:
.user_login_form.main-box.center {
    background-color: #21252d;
    color: white;
    font-size: 12px;
    font-family: Arial, sans-serif;
    border: 2px double #6152bd;
    padding: 15px;
    margin: 0;
    font-weight: bold;
    box-sizing: border-box;
}
.user_login_form.main-box.center input.post {
    height: 20px;
    width: 110px;
    background-color: hsl(240, 15%, 47%);
}

Lembrando que nós não somos um fórum que copia ou plagia fóruns. As cores foram com base em seu tema.  E poderia ser feito algo muito melhor que este indicado na imagem, mas não estou a sugerir ideias. 

Ps; Percebi que seu tema tem uma barra de rolagem embaixo caso queira esconder.
Código:
body, html {
    overflow-x: hidden;
}

Até.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Login no footer

Mensagem por Cooper em 15/03/18, 07:49 am

@virus escreveu:Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores
Adicione a folha de estilo CSS este code:
Código:
.user_login_form.main-box.center {
    background-color: #21252d;
    color: white;
    font-size: 12px;
    font-family: Arial, sans-serif;
    border: 2px double #6152bd;
    padding: 15px;
    margin: 0;
    font-weight: bold;
    box-sizing: border-box;
}
.user_login_form.main-box.center input.post {
    height: 20px;
    width: 110px;
    background-color: hsl(240, 15%, 47%);
}

Lembrando que nós não somos um fórum que copia ou plagia fóruns. As cores foram com base em seu tema.  E poderia ser feito algo muito melhor que este indicado na imagem, mas não estou a sugerir ideias. 

Ps; Percebi que seu tema tem uma barra de rolagem embaixo caso queira esconder.
Código:
body, html {
    overflow-x: hidden;
}

Até.

Muito obrigado @virus , ajudou muito, se estiver disponivel poderiam me dar algumas dicas para melhorar esse login na footer? E muito obrigado, eu nem tinha reparado nessa barra.

Tópico resolvido.
avatar

Cooper
Usuário avançado

Masculino
Inscrito dia : 18/02/2013
Mensagens : 379
Pontos Ativos : 682

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

Resolvido Re: Login no footer

Mensagem por virus em 15/03/18, 06:13 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

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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


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