15-11-2010, 12:01 PM
|
رقم المشاركة : 1 |
|
| شرح تغيير شكل حقول الإدخال في المنتدى شرح تغيير شكل حقول الإدخال في المنتدى ،، أمـثـلة ،،
حقول التسجيـل ..
مـن
الـى
عن كـتـابة موضوع جديد ..
مـن
الـى إضغط على الشريط لعرض الصوره بحجمها الأصلي .
وهنا عنـد الكتـابة فيـها ..
حـقل تسجـيل الدخـول ..
مـن
الـى
،، طـريـقتــهــا ،،
ادخـل على لوحـة تحـكم المنـتدى .. واختر الاستـايل الذي تريـد اضـافة هالحـركة عليـها .. واذهـب الى خيـارات جمـيع الاستـايلات ..
في خـانة تعـاريف الـ 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
|
| | |