+ الرد على الموضوع
النتائج 1 إلى 1 من 1
  1. #1
    Tofy is on a distinguished road
    تاريخ التسجيل
    19 / 06 / 2014
    الدولة
    مجهولة
    المشاركات
    113
    معدل تقييم المستوى
    234

    افتراضي شرح طريقة تغيير خط استايل الجوال الى الخط الكوفى Droid Arabic Kufi


    [ اسم الشرح ] : طريقة تغيير خط استايل الموبيل [ الوصف ] : الطريقة خاصة لاستايل الجوال فقط
    [ يتوافق مع اي اصدار ] : الجيل الثالث



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


    الطريقة الصحيحة لتغيير خط استايل منتداك بالكامل الى خط الكوفى (Droid Arabic Kufi)

    ونظرا لكثرة طالبات الاعضاء فى طريقة شرح كيفية تغيير خط استايل الجوال (المحمول) الى الكوفى



    وبعد الاتهاء ها لكم هذه الطريقة





    الاول ياشباب الشرح متوافق مع جميع التصفحات الاتيه






    وهذه صورة من الاستايل بعد تغيير خطه وذلك من متصفح الفايرفوكس والاوبرا









    ودى صورة اخرى من متصفح اخرى














    الشرح:

    اولا بعد تحميل الاستايل وسوفة تجدونه بالمرفقات

    بعد فك الضغط ستجد مجلد اسمة vb يحتوى على



    كما ترون مجلد الصورة وملف الاستايل وملف الاكواد

    طبعاااااا سيتم رفع كل من المجلد وملف الاستايل بالطريقة العادية



    يتبفى لنا ملف الاكواد وهو lightweight.css.php

    نقوم بفتحة باى برنامج مثل فرونت بيج او اكسبريشن ويب ليكن على هذه الصورة



    ثم ننزل اخرى الاكواد ونضع كود الخط الكوفى المظلل

    كود:
    @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');}



    كما بالصورة




    ثم نقوم باضافة خط الكوفى لكل تعاريف الاستايل كما ترون بالصور

    كود:
         font-family: 'Droid Arabic Kufi';







    وبهذا نكون قد انتهينا من كل شى يتبقى لدينا اعادة رفع الملف مرة اخرى الى مجلد منتداك الرئيسي مع رفع مجلد fonts والذى ارفقته لكم




    الملفات المرفقة
    • نوع الملف: zip vb.zip (91.0 كيلوبايت, 86 مشاهدات)
    • نوع الملف: zip fonts.zip (292.9 كيلوبايت, 94 مشاهدات)
    mwadah

     

 
+ الرد على الموضوع

معلومات الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

     

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

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

ضوابط المشاركة

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