Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[CSS] Icons in login form



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Shadow

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



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


Admin Panel Display Pictures and Colors Boje(Colors) 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;
    }

Powered by PunBB
Currently 0 users have thanked Shadow for this post:

2
Offline

  boencet

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

Powered by PunBB
Currently 0 users have thanked boencet for this post:

3
Offline

  Dragon 2

avatar
Punbb Rookie
Punbb Rookie
Wink Wink Wink Wink Wink Rolling Eyes

Powered by PunBB
Currently 0 users have thanked Dragon 2 for this post:

4
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

Permissions in this forum:
You cannot reply to topics in this forum