[CSS] اضـف ظل Shadow على أجــزاء منــتداك .. جديد

[said]

http://www.dzbatna.com/images/icons/iconrote.gif [CSS] ط§ط¶ظ€ظپ ط¸ظ„ Shadow ط¹ظ„ظ‰ ط£ط¬ظ€ظ€ط²ط§ط، ظ…ظ†ظ€ظ€طھط¯ط§ظƒ .. ط¬ط¯ظٹط¯ (http://www.dzbatna.com/t1436385/)



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


مســائكم | صبــاحكم معطــر بذكر الرحمن ،،


طريقة جديدة جدا لإضافة ظل أو Shadow على أجزاء مختلفة بالمنتدى forum


قبل اضافة الظل


http://img690.imageshack.us/img690/8391/43261602.jpg


بعد اضافة الظل


http://img685.imageshack.us/img685/2120/72146978.jpg





فقط أضف هذا الكود code في خواص CSS اضافية


رمز Code:
-moz-box-shadow: 3px 3px 3px #DCDCDC



يمكنك تغيير القيم وكود code الألوان كما تريد


في هذا المثال أضفت الكود code في لون التوزيع الأول والثاني:



http://img192.imageshack.us/img192/2164/546f.jpg


مزيد من الأمثلة:


هنا محيط اللوحة و اللوحة قبل اضافة الكود code


http://img684.imageshack.us/img684/1715/99335463.jpg


أضفت الكود code في خواص الـ CSS الاضافية بالقيم التالية:


رمز Code:
-moz-box-shadow: 0px 3px 3px #CFCFCF;



http://img684.imageshack.us/img684/2128/84063779.jpg


وكانت النتيجة بهذا الشكل:
في الرد السريع


http://img682.imageshack.us/img682/1025/81907298.jpg


عن اضافة رد او موضوع جديد


http://img682.imageshack.us/img682/8437/8998.jpg


صندوق الاحصائيات ايضا


قبل


http://img682.imageshack.us/img682/2580/26458972.jpg


بعد


http://img192.imageshack.us/img192/3049/40536353.jpg


للتعرف أكثر على هذا الكود code يمكنك زيـارة هذا الرابـط (http://www.traweq.com/vb/showthread.php?p=4783)


{هذه الأكواد تعمل على الفاير فوكس فقط حاليا..}


أي سؤال أو استفسار أنا حاضرة ان شاء الرحمن ^^


دمتــم في حفظ الرحمن ووداعته ،،


أختــكمـ
نـور






ألعاب الأندرويد مجانا و حصريا (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)©