<div id="area_form" hidden="1">
<div class="circle_profile"><img src="images/logo.png"
></div>
<input name="txtuser" type="text" class="input_user" id="txtuser"/>
<input name="txtpass" type="password" class="input_pass" id="txtpass"/>
<input name="Submit" type="submit" value="Login" class="btn_login"/><div class="label_user">ID EMP :</div><div class="label_pass">Password :</div>
<div class="close_login"><img src="<?php echo $root?>images/shops-close-icon-65321.png" width="30" height="30" /></div>
</div>
ไม่เจอ css ที่เกี่ยวข้องกับส่วนนี้เลยครับ css น่าจะยังไม่ครบนะครับ
อยู่นี้ครับ
<link rel="stylesheet" href="<?php echo $root?>css/login.css" type="text/css" />
#area_form{
position:fixed;
left:35%;
top:23%;
height:330px;
margin:0px;
top:10px
padding:0px;
width:500px;
/*height:55%;*/
background-color:#C6C6FF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* เงาของรูป */
text-align:center;
}
.circle_profile{ /* ชื่อคลาสต้องตรงกับ <img class="circle"... */
position:absolute;
height: 230px; /* ความสูงปรับให้เป็นออโต้ */
width: 230px; /* ความสูงปรับให้เป็นออโต้ */
/* border: 3px solid #CCCCFF; เส้นขอบขนาด 3px solid: เส้น #fff:โค้ดสีขาว */
background-color:#6699FF;
border-radius: 50%; /* ปรับเป็น 50% คือความโค้งของเส้นขอบ*/
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* เงาของรูป */
text-align:center;
left:27%;
top:-22%;
}
.circle_profile img{
margin-top:5px;
height: 220px; /* ความสูงปรับให้เป็นออโต้ */
width: 220px;
border-radius: 50%;
}
.input_user{
position:absolute;
-webkit-border-radius: 1em;
height:25px;
width:auto;
top:180px;
margin-left:-80px;
}
.input_pass{
position:absolute;
-webkit-border-radius: 1em;
height:25px;
top:220px;
margin-left:-80px;
}
.label_user{
position:absolute;
height:265px;
width:auto;
top:182px;
margin-left:94px;
}
.label_pass{
position:absolute;
height:26px;
width:auto;
top:222px;
margin-left:85px;
}
.btn_login{
position:absolute;
font-size:18px;
top:270px;
left:40%;
width:100px;
height:50px;
}
.area_form label_user{
position:absolute;
height:25px;
top:180px;
left:5px;
}
.area_form label_pass{
position:absolute;
height:25px;
top:220px;
left:5px;
}
.close_login{
position:absolute;
height:25px;
width:25px;
top:-5px;
right:-5px;
}
#login_click
{
position:absolute;
padding:0px;
top:0px;
right:50%;
width:50px;
height:20px;
background-color:#F0F0FF;
opacity:0.9;
}
#status{
position:absolute;
bottom : 10px;
left: 10 px;
width:50px;
height:30px;
background-color:#F0F0FF;
}
แสดงกระทู้
