http://s009.radikal.ru/i308/1112/c6/74a09d14081d.jpg
HTML-Code
CSS-Code
/* ФОРМА ВХОДА
===================================================*/
#forma_vxoda {
overflow: hidden;
width:250px;
margin: 10px 0px;
}
#vxod-1 {
float:left;
width:210px;
}
#vxod-2 {
float:left;
width:40px;
}
#vxod-3 {
float:left;
width:100%;
}
#vxod-4 {
float:left;
padding-left: 22px;
}
#vxod-5 {
float:right;
padding-right: 6px;
}
#vxod-4,
#vxod-5 {
font:11px Verdana,Arial,Helvetica, sans-serif;
}
.web_os,
.login_pass,
.login_email {
font:11px Verdana,Arial,Helvetica, sans-serif; color:#555;
width:198px;
border:1px solid #bebebe;
margin: 0px 0px 12px 0px;
background:#fff;
padding: 5px 5px 5px 5px;
}
.login_email {
background: url('fon_login_email.png') no-repeat center #fff;
}
.login_pass {
background: url('fon_login_pass.png') no-repeat center #fff;
}
.login_knopka {
width:30px;
height:62px;
border: 0;
background: url('fon_login_knopka.png') no-repeat top;
margin-left: 10px;
}
/* =================================================*/
Примечание:
Данная форма входа, версталась под DOCTYPE 1.1
HTML-Code
- под другой DOCTYPE я не тестировал данный код, если кто установил форму входа, с другим DOCTYPE и внёс в него улучшения, напиши об этом в комментариях
- при отсутствии DOCTYPE вообще, форма входа смотриться иначе только в браузере Internet Explorer 8 (это и понятно)


