عيد الاضحى المبارك


مواضيع تهمك

ركن تطوير منتديات vb3.8.0 القسم خاص بتطوير منتديات الجيل الثالث ويمنع منعاً باتاً.. كتابة اي موضوع يهتم بمشاكل المنتديات (( يمنع وضع نسخ vBulletin ))

تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل

بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته كثيرة هي الطرق والشروحات لكني اختار لكم الاسهل في التطبيق والافضل في العمل اغلب اصحاب المنتديات يرغبون بتغيير خطوط منتدياتهم للخط الكوفي ويجدون...

احصائياتى

الردود
2

المشاهدات
3956
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to beholdsafwan khazraji is a splendid one to behold

  • safwan khazraji غير متواجد حالياً
  • إرسال رسالة عبر Skype إلى safwan khazraji

المشاركات
243

+التقييم
205

تاريخ التسجيل
Dec 2015

الاقامة
فرنسا

نظام التشغيل
windows 7

رقم العضوية
702
11-26-2016, 12:14 PM
المشاركة 1
11-26-2016, 12:14 PM
المشاركة 1
Article تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

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

لذلك وضعت هذه الطريقة التي لا تحتاج سوى دقيقة واحدة من صاحب المنتدى وبدون استعانة وطلب مساعدة من الآخرين

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

الحالة الاولى من الشرح اذا لم يكن للاستايل ملف اعدادات خارجي او ما يسمى بالــ 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;
ثم نحفظ الملف

شاهد الصورة التوضيحية للخطوة


التعديل الأخير تم بواسطة هيلبرنت ; 05-23-2019 الساعة 05:32 PM
قديم 11-26-2016, 04:49 PM
المشاركة 2
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
ايوه جدا اتحفنا بموضوعاتك الله يوفقك اخى صفوان

قديم 11-26-2016, 05:25 PM
المشاركة 3
safwan khazraji
.:: عضو فعال ::.
  • safwan khazraji غير متواجد حالياً
افتراضي رد: تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
ايوه جدا اتحفنا بموضوعاتك الله يوفقك اخى صفوان
تشرفت بمرورك اخي ابو كريم وانا من زمان ما نشرت شرح لكن لما شفت ابداعك في الاستايل الجديد قلت لازم انزل شرح جديد لهيربنت

اضافة رد

العلامات المرجعية

تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل


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

الانتقال السريع
المواضيع المتشابهه للموضوع: تغيير خطوط المنتدى للخط الكوفي من مكتبة قوقل
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تغيير ايقونات المنتدى بايقونات مكتبة fontello safwan khazraji ركن تطوير منتديات vb3.8.0 6 01-18-2020 08:36 PM
[ شرح ] : تغيير خط لوحة تحكم الإدارة في الزين فورو للخط الكوفي Change font xenforo maaidni ركن شروحات الزين فورو XENFORO 2 05-24-2019 02:44 PM
[ شرح ] شرح تغيير خط المنتدى إلى الخط الكوفي أو أي خط في منتديات Invision Community maaidni ركن تطوير المواقع 7 02-28-2019 06:43 PM
شرح تغيير خط المنتدى إلى الخط الكوفي SMART ركن شروحات الزين فورو XENFORO 3 12-14-2018 08:34 PM
شرح تغيير خط منتدى الزين فورو xenforo إلى الخط الكوفي هيلبرنت ركن شروحات الزين فورو XENFORO 6 07-19-2018 12:30 PM




الساعة الآن 11:50 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum