how to insert icons in the login form - uCoz Support Forum by uCozers

New messages Members Forum rules Search

Page 1 of 1 1
Forum moderator: kostova

how to insert icons in the login form

rOgi

Date: Friday, 2009 October 02, 7:05 AM | Message # 1

Font size: A | A |

Private

Group: User

Message: 5

[ ]

Offline

how to insert icons in the login form?

Attachments: 2444977.gif (2.8 Kb)

kostova

Date: Friday, 2009 October 02, 7:19 AM | Message # 2

Font size: A | A |

Colonel

Group: Administrator

Message: 268

[ ]

Offline

Add class login to the username field.
Add class pass to the password field.

example:
<input class="login" type="text" name="user" value="" size="20"
<input class="pass" type="password" name="password" size="20"
style="width:100%" maxlength="15" />
css:

Code: [Select all]

input.pass 
 { 
 background: url(http://ucozers.ucoz.com/images/Login_form_imag/010789ade8cd.gif) no-repeat; 
 background-color: #fff; 
 background-position: 0 50%; 
 color: #000; 
 padding-left: 18px; 
 } 

 input.login 
 { 
 background: url(http://ucozers.ucoz.com/images/Login_form_imag/584c3fe3b451.gif) no-repeat; 
 background-color: #fff; 
 background-position: 0 50%; 
 color: #000; 
 padding-left: 18px; 
 }

barc00de

Date: Saturday, 2009 October 03, 10:16 AM | Message # 3

Font size: A | A |

Lieutenant

Group: uCozer

Message: 55

[ ]

Offline

Code: [Select all]

input.pass 
 { 
 background: url(http://ucozers.ucoz.com/images/Login_form_imag/010789ade8cd.gif) no-repeat; 
 background-color: #fff; 
 background-position: 0 50%; 
 color: #000; 
 padding-left: 18px; 
 } 

 input.login 
 { 
 background: url(http://ucozers.ucoz.com/images/Login_form_imag/584c3fe3b451.gif) no-repeat; 
 background-color: #fff; 
 background-position: 0 50%; 
 color: #000; 
 padding-left: 18px; 
 }