رسالة مدير الموقع

تم افتتاح الموقع الحمدلله بحلته الجديدة وهو تحت التطوير لفترة حتى يتم الانتهاء من كل شئ بنجاح

دورة تصميم قالب ورد بريس بلوحة تحكم

دورة برمجه اضافه اتصل بنا للورد بريس


الملاحظات

فى بى ايجى لدروس و شروحات المواقع و المنتديات دروس و شروحات خاصة بالمنتدى و تطوير المواقع


LinkBack أدوات الموضوع انواع عرض الموضوع
غير مقروء 12-30-2010   #1 (permalink)
عضو ممتاز

 رقم العضوية : 855
 تاريخ التسجيل : Aug 2010
 الدولة :
 المشاركات : 107
Thumbs up طريقة تظليل النصوص Text Shadow







الكثير لا يعلم كيفية استخدام خاصية text-shadow من خلال CSS, نظراً لأن تلك الميزة لم تتوفر من خلال المتصفحات على نظام Windows و كانت أكثر و أوسع انتشار في نظام Mac OS X Leopard إلا منذ فترة بسيطة عندما ظهرت متصفحات تدعم تلك الخاصية في بيئة عملها مثل Firefox 3.1 . خاصية text-shadow تقوم بإضافة ظل للنصوص التي تُستخدم فيها و قد توفرت لأول مرة في CSS2 و لم تدعمها كل المتصفحات إلا أن اتجاه المتصفحات الآن لدعم CSS3 سيضيف الكثير من المميزات التي تتوفر فيها . الهدف الأساسي هو إعطاء شكل جميل للنصوص , و الطريقة القديمة للقيام بذلك هو تكوين النص في هيئة صورة باستخدام أي برنامج يضيف مثل تلك التأثيرات (Photoshop) , و كانت بالتالي تأخذ حجماً أكبر في تحميل الصفحة بالإضافة إلى عدم مقدرة محركات البحث على قراءة النصوص بالصور . في الوقت الحالي فجميع المتصفحات باستثناء انترنت اكسبلورر تدعم خاصية text-shadow , و محاولات مايكروسوفت لتكوين قواعد خاصة بها لمثل تلك التأثيرات لا تعطي الشكل الأفضل مثل ظهورها على متصفحات أخرى كـ Safari و Firefox 3.1 .
كيفية استخدام text-shadow

يتم إضافة التأثير لملف CSS بالشكل التالي ( مع اختلاف ما يتم التطبيق عليه ) :


كود:
 p {text-shadow:1px1px1px#000;}
:::


أول قيمتين يتم من خلالهما تحديد طول الظل الذي يظهر . فأول قيمة تحدد المسافة الأفقية و ثاني قيمة تحدد المسافة الرأسية . القيمة الثالثة تحدد مدى إخفاء معالم الظل (Blur) و القيمة الأخيرة تحدد لون الظل .
أمثلة على text-shadow





كود:
text-shadow:2px-2px3px#000;

.....








كود:
color:#fff;
background:#666;
text-shadow:0px2px4px#000;



....







كود:
color:#fff;
background:#ccc;
text-shadow:0px5px5px#000;





..


نقلته للأفادهـ












لا إله إلا الله غير متواجد حالياً   رد مع اقتباس
غير مقروء 01-08-2012   #2 (permalink)
عضو جديد
 
الصورة الرمزية mlaak

 رقم العضوية : 1102
 تاريخ التسجيل : Dec 2010
 الدولة :
 المشاركات : 25
افتراضي

الله يعطيك العافيه نقل موفق












mlaak غير متواجد حالياً   رد مع اقتباس

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
النصوص, تعليم, shadow, text, طريقة


أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



فى بى ايجى التطويرية



الساعة الآن 04:19 AM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37