[TUTORIAL] Ícones no formulário de login

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

página de login - [TUTORIAL] Ícones no formulário de login Empty [TUTORIAL] Ícones no formulário de login

Mensagem por Hancki 10.05.14 10:38


página de login - [TUTORIAL] Ícones no formulário de login Index_12

Ícones no formulário de login

De modo a embelezar os nossos fóruns, veremos agora uma dica de CSS simples para adicionar ícones nos campos de login.


--> Tutoriais, dicas e astúcias <--
Ícones no formulário de login



- Código a ser utilizado:
Aqui temos o código que será aplicado, conforme será explicado no passo 2:
Código:
.user_login_form input[type="password"], .user_login_form input[type="text"] {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
}
.user_login_form input[type="text"] {
    background: url(http://i.imgur.com/3CBLHUK.png)no-repeat left center;
    padding-left: 20px;
}
.user_login_form input[type="password"] {
    background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
    padding-left: 20px;
}
#username {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    padding-left: 20px;
    background: white url(http://i.imgur.com/3CBLHUK.png)no-repeat;
}
#password {
    padding: 5px;
    border-radius: 0px!important;
    cursor: text;
    top: 0px;
    background: white url(http://i.imgur.com/Bmg6BFf.png)no-repeat;
    padding-left: 20px;
}


- Aplicando código CSS:
Agora deverá seguir um esquema de onde o código deverá ser adicionado:
Painel de Controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

página de login - [TUTORIAL] Ícones no formulário de login 1114

  • Resultado:
    página de login - [TUTORIAL] Ícones no formulário de login 1zVEvt7




© Fórum dos Fóruns


página de login - [TUTORIAL] Ícones no formulário de login Act_bottom Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Ícones no formulário de login
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.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