شكل جديد ومميز للحقول والازرار ...

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله بركاته ..

طبعا طرحة موضوع فيه الكود قبل نصف ساعه تقريبا وكان فيه خطأ ولان عدلت الكود وسار تمام


قبل



بعد



طريقة التركيب

أضف الكود التالي بـ css الاضافيه

رمز PHP:

body {
background-color:#EBEBEB;
}

#container {
margin: 0 auto;
width: 800px;
background-color:#FFFFFF;
min-height: 500px;
overflow: hidden;
}

.content {
padding: 30px 10px 10px 10px;
}

h1 {
text-align: center;



font-family: Georgia, "Times New Roman", Times, serif;
color: #575757;
}

form {
margin-left: 50px;
}

input, textarea {
/*Borders and background color*/
border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #DADADA;
background: #F9F9F9;

/* Shadows*/
box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);
-moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);


}

أكثر...