Ícone nos campos do formulário de login

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

Resolvido Ícone nos campos do formulário de login

Mensagem por luislol2013 em 12/01/13, 12:51 pm

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
avatar

luislol2013
Nível 5

Masculino
Inscrito dia : 25/12/2012
Mensagens : 47
Pontos Ativos : 123

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Ícone nos campos do formulário de login

Mensagem por DarkDoki em 12/01/13, 01:09 pm

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;
    }

DarkDoki
Nível 10

Masculino
Inscrito dia : 01/11/2011
Mensagens : 250
Pontos Ativos : 390

Ver perfil do usuário http://darkcheatsbr.com

Resolvido Re: Ícone nos campos do formulário de login

Mensagem por HenRyqUéè em 12/01/13, 01:15 pm

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,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.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