Login no footer

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

#Up!!

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

Olá, Cooper!
Aceda à:

Painel de Controle Visualização Imagens e Cores Cores 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/

Painel de Controle Visualização Imagens e Cores 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 escreveu:Painel de Controle Visualização Imagens e Cores 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.