[CSS] Icons in login form

2013-08-09, 15:36

Very easy tutorial to add icons next to username and password box in login form.

[CSS] Icons in login form RDh853p

Name:Icons in login form
Autor:N/A
Version:All
Category:CSS

Admin Panel [CSS] Icons in login form Arrow10

Display

Pictures and Colors [CSS] Icons in login form Arrow10

Boje(Colors) [CSS] Icons in login form Arrow10

CSS Stylesheet

Code:: [panda=css].user_login_form input[type="password"], .user_login_form input[type="text"] { border: 1px solid #DDD; 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 #DDD; 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 #DDD; padding: 5px; border-radius: 0px!important; cursor: text; top: 0px; background: white url(http://i.imgur.com/dlS8w.png)no-repeat; padding-left: 20px; }

2015-01-10, 21:27

thanks this is first code that i use in my site Very Happy

2016-03-14, 12:27