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

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

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

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

قبل

http://i.imgur.com/Qv5Gm.png

بعد

http://i.imgur.com/xPJzq.png

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

أضف الكود التالي بـ 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);

}

أكثر...