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

[walid]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ظ€ط±ط* طھط؛ظ€ظٹظٹط± ط£ط´ظƒط§ظ„ ط*ظ€ظ‚ظˆظ„ ط§ظ„ط§ط¯ط®ط§ظ„ ظپظٹ ظ…ظ€ظ†طھط¯ط§ظƒ ظˆظˆط¶ط¹ طھط£ط«ظٹط± ط¹ظ„ظٹظ‡ط§ ط¹ظ†ط¯ ط§ظ„ظƒطھط§ط¨ط©..ط¨ظ€ط¯ظˆظ† طµظ€ظˆط± ~ (http://www.dzbatna.com/t1554492/)



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

ربـي يسـعد صـباحـكم | مسـائكـم ^^
جمـعة مبـاركـة على الجمـيع ,,





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

،، أمـثـلة ،،

حقول التسجيـل ..

مـن

http://img263.imageshack.us/img263/9229/95113586.png

الـى

http://img401.imageshack.us/img401/4633/78232988.png

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

مـن

http://img709.imageshack.us/img709/6079/43077682.png

الـى

http://img199.imageshack.us/img199/492/52606881.png

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

http://img401.imageshack.us/img401/7601/85679239.png

حـقل تسجـيل الدخـول ..

مـن

http://img188.imageshack.us/img188/743/31163855.png

الـى

http://img243.imageshack.us/img243/4773/39761398.png

،، طـريـقتــهــا ،،

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

في خـانة تعـاريف الـ CSS الاضـافيـة ..

http://img707.imageshack.us/img707/7161/96618781.png


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

رمز Code:
.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.dzbatna.net/Portal/Forums...sing-css3.html (http://www.dzbatna.net/Portal/Forums/Design-style/css3-for-web-designers/explain-the-changing-forms-of-input-fields-in-the-board-and-put-effects-on-it-when-you-write-using-css3.html)








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©