لجنة التطوير
عضوية تقوم بجلب المواضيع من مواقع اخرى
هذا الشرح خاص وحصري لمعهد ترايدنت لا اسمح بنقلة او نشرة بدون ذكر المصدر
[ اسم الشرح ] : طريقة تغيير خط استايل الجوال [ الوصف ] : الطريقة خاصة لاستايل الجوال فقط
[ يتوافق مع اي اصدار ] : الجيل الثالث
[ موقع مقدم الشرح ] : abo-karim
[ يتوافق مع اي اصدار ] : الجيل الثالث
[ موقع مقدم الشرح ] : abo-karim
كنت ومن قبل قد طرحت شرح تغيير خط الاستايل بالكامل الى خط الجيل الرابع وهو الكوفى وذلك على الرابط التالى
الطريقة الصحيحة لتغيير خط استايل منتداك بالكامل الى خط الكوفى (Droid Arabic Kufi)
ونظرا لكثرة طالبات الاعضاء فى طريقة شرح كيفية تغيير خط استايل الجوال (المحمول) الى الكوفى
وبعد الاتهاء ها لكم هذه الطريقة
الاول ياشباب الشرح متوافق مع جميع التصفحات الاتيه
وهذه صورة من الاستايل بعد تغيير خطه وذلك من متصفح الفايرفوكس والاوبرا
ودى صورة اخرى من متصفح اخرى
الشرح:
اولا بعد تحميل الاستايل وسوفة تجدونه بالمرفقات
بعد فك الضغط ستجد مجلد اسمة vb يحتوى على
كما ترون مجلد الصورة وملف الاستايل وملف الاكواد
طبعاااااا سيتم رفع كل من المجلد وملف الاستايل بالطريقة العادية
يتبفى لنا ملف الاكواد وهو lightweight.css.php
نقوم بفتحة باى برنامج مثل فرونت بيج او اكسبريشن ويب ليكن على هذه الصورة
ثم ننزل اخرى الاكواد ونضع كود الخط الكوفى المظلل
رمز Code:
@charset "utf-8";/* CSS Document */@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(fonts/DroidKufi-Regular.eot); src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Regular.woff2) format('woff2'), url(fonts/DroidKufi-Regular.woff) format('woff'), url(fonts/DroidKufi-Regular.ttf) format('truetype');}@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(fonts/DroidKufi-Bold.eot); src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Bold.woff2) format('woff2'), url(fonts/DroidKufi-Bold.woff) format('woff'), url(fonts/DroidKufi-Bold.ttf) format('truetype');}
كما بالصورة
ثم نقوم باضافة خط الكوفى لكل تعاريف الاستايل كما ترون بالصور
رمز Code:
font-family: 'Droid Arabic Kufi';
وبهذا نكون قد انتهينا من كل شى يتبقى لدينا اعادة رفع الملف مرة اخرى الى مجلد منتداك الرئيسي مع رفع مجلد fonts والذى ارفقته لكم
لمن قام بالتجربة وواجه مشكله تبليغنا فلا خجل نحن هنا لمساعدة البعض
*فى النهاية الموضوع متعب عليه فلو اصبت فهذا من عند الله
فاذكرونا من صالح دعائكم
بعد فك الضغط ستجد مجلد اسمة vb يحتوى على
كما ترون مجلد الصورة وملف الاستايل وملف الاكواد
طبعاااااا سيتم رفع كل من المجلد وملف الاستايل بالطريقة العادية
يتبفى لنا ملف الاكواد وهو lightweight.css.php
نقوم بفتحة باى برنامج مثل فرونت بيج او اكسبريشن ويب ليكن على هذه الصورة
ثم ننزل اخرى الاكواد ونضع كود الخط الكوفى المظلل
رمز Code:
@charset "utf-8";/* CSS Document */@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(fonts/DroidKufi-Regular.eot); src: url(fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Regular.woff2) format('woff2'), url(fonts/DroidKufi-Regular.woff) format('woff'), url(fonts/DroidKufi-Regular.ttf) format('truetype');}@font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(fonts/DroidKufi-Bold.eot); src: url(fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/DroidKufi-Bold.woff2) format('woff2'), url(fonts/DroidKufi-Bold.woff) format('woff'), url(fonts/DroidKufi-Bold.ttf) format('truetype');}
كما بالصورة
ثم نقوم باضافة خط الكوفى لكل تعاريف الاستايل كما ترون بالصور
رمز Code:
font-family: 'Droid Arabic Kufi';
وبهذا نكون قد انتهينا من كل شى يتبقى لدينا اعادة رفع الملف مرة اخرى الى مجلد منتداك الرئيسي مع رفع مجلد fonts والذى ارفقته لكم
لمن قام بالتجربة وواجه مشكله تبليغنا فلا خجل نحن هنا لمساعدة البعض
*فى النهاية الموضوع متعب عليه فلو اصبت فهذا من عند الله
فاذكرونا من صالح دعائكم
الملفات المرفقة
