Login no footer

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

Atendido / Resolvido Login no footer

Mensagem por Cooper 12.03.18 20:14

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:
Login no footer 7iTQEBM
Link: https://i.imgur.com/7iTQEBM.png

Como está:
Login no footer KlVAxLC
Link: https://i.imgur.com/klVAxLC.png

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

Cooper
Usuário avançado

Masculino
Inscrito dia : 19/02/2013
Mensagens : 415
Pontos ativos : 741

http://apixelados.forumeiros.com

Atendido / Resolvido Re: Login no footer

Mensagem por Cooper 14.03.18 19:13

#Up!!
Cooper

Cooper
Usuário avançado

Masculino
Inscrito dia : 19/02/2013
Mensagens : 415
Pontos ativos : 741

http://apixelados.forumeiros.com

Atendido / Resolvido Re: Login no footer

Mensagem por pedxz 14.03.18 19:45

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
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6195
Pontos ativos : 7355

Atendido / Resolvido Re: Login no footer

Mensagem por Cooper 14.03.18 22:33

@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.
Cooper

Cooper
Usuário avançado

Masculino
Inscrito dia : 19/02/2013
Mensagens : 415
Pontos ativos : 741

http://apixelados.forumeiros.com

Atendido / Resolvido Re: Login no footer

Mensagem por Chanp 14.03.18 23:53

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/
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Atendido / Resolvido Re: Login no footer

Mensagem por virus 15.03.18 1:55

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é.
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos ativos : 913

Atendido / Resolvido Re: Login no footer

Mensagem por Cooper 15.03.18 10:49

@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.
Cooper

Cooper
Usuário avançado

Masculino
Inscrito dia : 19/02/2013
Mensagens : 415
Pontos ativos : 741

http://apixelados.forumeiros.com

Atendido / Resolvido Re: Login no footer

Mensagem por virus 15.03.18 21:13

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
virus

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 696
Pontos ativos : 913

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


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