تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته كثيرة هي الطرق والشروحات لكني اختار لكم الاسهل في التطبيق والافضل في العمل اغلب اصحاب المنتديات يرغبون بتغيير خطوط منتدياتهم للخط الكوفي ويجدون صعوبة في تنفيذ الشروحات لذلك وضعت هذه الطريقة التي لا تحتاج سوى دقيقة واحدة من صاحب المنتدى وبدون استعانة وطلب مساعدة من الآخرين الطريقة لتغيير جميع خطوط المنتدى للخط الكوفي او تستطيع تحديد ما ترغب بتغييره من الخطوط كمثال تستطيع تغيير خطوط الاقسام الرئيسية فقط الحالة الاولى من الشرح اذا لم يكن للاستايل ملف اعدادات خارجي او ما يسمى بالــ style.css في هذه الحالة نتبع الطريقة التالية لوحة تحكم المنتدى ثم التحكم بالاستايلات ثم من امام الاستايل الذي نريد تغيير الخطوط فيه نجعل الاختيار على [ خيارات جميع الاستايلات ] ونضغط على [ اذهب ] ثم نضع هذا الكود في كل مستطيل يقابل [ نوع الخط ] اذا اردت ان تغيير جميع الخطوط او في المستطيلات المراد تغيير الخط فيها اذا اردت تغيير الخطوط في اماكن محددة وانصح بتغيير جميع الخطوط حتى المستطيلات الفارغة التي تقابل [ نوع الخط ] ضع فيها الكود التالي كود بلغة HTML:
'Droid Arabic Kufi', serif; بعد ان اتممنا اضافة الكود في جميع المستطيلات المطلوبة ننزل الى اسفل الصفحة وفي المستطيل الثاني من :- تعاريف CSS الإضافية/Additional CSS Definitions نضيف الكود التالي ثم نضغط على حفظ كود بلغة HTML:
/* * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype'); } الحالة الثانية من الشرح اذا كان للاستايل ملف اعدادات خارجي او ما يسمى بالــ style.css في هذه الحالة نضع الكود التالي في بداية ملف STYLE.CSS والذي تجده في السي بنل في مجلدات الاستايل كود بلغة HTML:
/* * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype'); } كود بلغة HTML:
font-family كود بلغة HTML:
'Droid Arabic Kufi', serif; شاهد الصورة التوضيحية للخطوة |
رد: تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
ايوه جدا اتحفنا بموضوعاتك الله يوفقك اخى صفوان
|
رد: تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
اقتباس:
|
الساعة الآن 06:11 PM |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By
Almuhajir