المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : طلب طريقة الخط في مواضيع وردود مرسى المحفور

one2
24-08-2010, 12:18 صباحاً
السلام عليكم ورحمة الله وبركاته

مبروك عليكم بقية الشهر ياخوان والله يتقبل منا ومنكم

انا صراحة احد المعجبين بالاخ خادم الاسلام ومتابع له في اكثر من موقع اخر ومانقول له ولكم الا الله يجزاكم الخير تعلمنا منكم الكثير

وياليت احد يفيدني كيف مغيرين الخط هنا في هذا الموقع الجميل في الردود والمواضيع الي على شكل محفور

ياليت ان امكن تفيدوني عن الطريقة وانا شاكر لكم علما اني استخدم الجيل الرابع
one2
24-08-2010, 03:21 صباحاً
شكراً لنقل الموضوع واعتذر ياشباب خطاء غير مقصود فاتح صفحتين

ملاحظة: الخط يظهر شكله الجميل في الفايرفوكس فقط وخلفية الخط لونها بيضاء
one2
25-08-2010, 06:01 صباحاً
ردو علينا ياشباب لاهنتوا
خ ــادم الإسلام
25-08-2010, 10:22 صباحاً
الكثير لا يعلم كيفية استخدام خاصية 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: 1px 1px 1px #000; }

أول قيمتين يتم من خلالهما تحديد طول الظل الذي يظهر . فأول قيمة تحدد
المسافة الأفقية و ثاني قيمة تحدد المسافة الرأسية . القيمة الثالثة تحدد

أمثلة على text-shadow

text-shadow: 2px -2px 3px #000;

مدى إخفاء معالم الظل (Blur) و القيمة الأخيرة تحدد لون الظل .

http://alwank.com/wp-content/uploads/shd2.jpg


color: #fff;
background: #666;
text-shadow: 0px 2px 4px #000;

http://alwank.com/wp-content/uploads/shd3.jpg


color: #fff;
background: #ccc;
text-shadow: 0px 5px 5px #000;

http://alwank.com/wp-content/uploads/shd-4.jpg


يمكن أيضاً استخدام text-shadow بطرق أخرى متعددة مثل الظل المتعدد Multiple Shadow و هي تمكنك من تكوين أشكال معينة بواسطة ظل النصوص بتدرجات ألوان مختلفة .
one2
25-08-2010, 12:48 مساءً
الله يستر عليك دنيا واخره كفيت ووفيت

والله انك افدتني كثيراً وماقول الا بارك الله فيك وزادك من علمه ورزقك الخير

اللهم تقبل مني في هذا الشهر الكريم لهذا الرجل الطيب
خ ــادم الإسلام
25-08-2010, 02:14 مساءً
الله يحفظك يا زعيم

وكل عام وانت بالف صحه وسلامة