Ícone nos campos do formulário de login

3 participantes

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

Tópico resolvido Ícone nos campos do formulário de login

Mensagem por luislol2013 12.01.13 14:51

Qual é minha questão:
Http://temas.forumeiros.net/login?redirect=%2Ff13-forum
Quero colocar esses ícones no formulário de login do meu fórum.
.
.
.
...?...

Endereço do meu fórum:
http://rocknforum.ativoforum.com

Versão do fórum:
INVISION
luislol2013

luislol2013
*

Membro desde : 25/12/2012
Mensagens : 47
Pontos : 123

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone nos campos do formulário de login

Mensagem por DarkDoki 12.01.13 15:09

Adicione isso a seu css :
Código:

/*---Efeito Botao login----*/
.user_login_form input[type="password"], .user_login_form input[type="text"] {
    border: 1px solid #rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    }
    .user_login_form input[type="text"] {
    background: url(http://i.imgur.com/rzOu1.png)no-repeat;
    padding-left: 20px;
    }
    .user_login_form input[type="password"] {
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
    #username {
    border: 1px solid #rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    padding-left: 20px;
    background: white url(http://i.imgur.com/rzOu1.png)no-repeat;
    }
    #password {
    border: 1px solid #rgba(221, 221, 221, 0);
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    background: white url(http://i.imgur.com/dlS8w.png)no-repeat;
    padding-left: 20px;
    }
avatar

DarkDoki
****

Membro desde : 01/11/2011
Mensagens : 251
Pontos : 393

http://darkcheatsbr.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ícone nos campos do formulário de login

Mensagem por HenRyqUéè 12.01.13 15:15

Olá uislol2013!

Vá em: Folha de Estilo CSS

Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS


E aceda o seguinte código à folha:

Código:
input#username_reg{
background: url("http://cdn3.iconfinder.com/data/icons/humano2/16x16/emblems/emblem-people.png") no-repeat scroll left top transparent;
}
input#password_reg{
background: url("http://cdn2.iconfinder.com/data/icons/ledicons/key.png") no-repeat scroll left top transparent;
}

Admineiros Valide!
Cordialmente,
HenRyqUéè

HenRyqUéè
***

Membro desde : 11/01/2013
Mensagens : 178
Pontos : 251

http://www.rmbr.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos