شـرح تغـيير أشكال حـقول الادخال في مـنتداك ووضع تأثير عليها عند الكتابة باستخدام css3







السـلام عليـكم ورحمـة اللـهـ وبـركـاتـهـ ،،
ربـي يسـعد صـباحـكم | مسـائكـم ^^
جمـعة مبـاركـة على الجمـيع ,,
اليـوم ان شـاء اللـهـ راح أضـع لكم طـريقة تـغيير أشكال حـقول الادخـال المـوجودة بالمـنتدى ووضع تأثير ممـيز لها عند الكـتابة فيـها .. وبـدون استـخدام أي صـور
،، أمـثـلة ،،
حقول التسجيـل ..
مـن


الـى



عن كـتـابة موضوع جديد ..
مـن



الى



وهنا عنـد الكتـابة فيـها ..

من



الى




دخـل على لوحـة تحـكم المنـتدى .. واختر الاستـايل الذي تريـد اضـافة هالحـركة عليـها .. واذهـب الى خيـارات جمـيع الاستـايلات .. في خـانة تعـاريف الـ CSS الاضـافيـة ..



أضف الأكواد التـاليـة .

.bginput{
background: #fff;
/*لون الخط*/
color: #333333;
padding:3px;
font: bold 14px arial;
/*لون الحدود*/
border:1px solid #83dbe3;
/*حجم دوران الأطراف*/
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius:9px;
/*حجم ولون الظل*/
-moz-box-shadow: 0px 1px 4px #dadada;
}

.bginput:focus{
/*لون الخلفية عن الكتابة*/
background: #fffeec;
/*لون الحدود عند الكتابة*/
border:1px solid #d95e8d;
/*لون التوهج عن الكتابة*/
box-shadow: 0px 1px 3px #d95e8d;
-webkit-box-shadow: 0px 1px 3px #d95e8d;
-moz-box-shadow: 0px 1px 6px #d95e8d;
}

وضعـت تعليـقات داخـل الأكواد لتتـمكن من تـغيير الألوان مثل ما بـتريد .. مـلاحـظـة .. هالحـركة لن تكون ظاهرة لمستـخدمي اكسبلورر 8 لأنها أكواد CSS3
يـارب تكـون عجـبتـكم أتـمـنى أكـون قـد أضـفت الجـديد .. أي سؤال أو استفسـأر أنـأ حـأضـرة ان شاء اللـهـ ..
دمتــم في حـفظ الرحمــن ،،


http://www.traidnt.net/vb/showthread.php?t=1554492