أثبت وجودك لا تقرأ وترحل



ركن تطـوير منتديات vBulletin قسم مخصص لمناقشة ودعم وتطوير منتديات الفى بى "يمنع منعاً باتاً.. (( يمنع وضع نسخ vBulletin ))

شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5

السلام عليكم الله وبركاته درس اليوم بسيط وشهل ان شاء الله وهو شرح كيفيفة اضافة الخط الكوفي في منتديات Vbulliten v5...

احصائياتى

الردود
5

المشاهدات
7665
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
322

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

الاقامة
فى الدنيا

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

رقم العضوية
18
11-27-2019, 11:19 PM
المشاركة 1
11-27-2019, 11:19 PM
المشاركة 1
افتراضي شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
السلام عليكم الله وبركاته

درس اليوم بسيط وشهل ان شاء الله وهو شرح كيفيفة اضافة الخط الكوفي في منتديات Vbulliten v5 طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع

الحطوات
نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى
كود PHP:
@font-face {
font-family'Droid Arabic Kufi';
font-stylenormal;
font-weight400;
srcurl(core/css/DroidKufi-Regular/DroidKufi-Regular.eot);
srcurl(core/css/DroidKufi-Regular/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(core/css/DroidKufi-Regular/DroidKufi-Regular.woff2format('woff2'),
url(core/css/DroidKufi-Regular/DroidKufi-Regular.woffformat('woff'),
url(core/css/DroidKufi-Regular/DroidKufi-Regular.ttfformat('truetype');
}
@
font-face {
font-family'Droid Arabic Kufi';
font-stylenormal;
font-weight700;
srcurl(core/css/DroidKufi-Bold/DroidKufi-Bold.eot);
srcurl(core/css/DroidKufi-Bold/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(core/css/DroidKufi-Bold/DroidKufi-Bold.woff2format('woff2'),
url(core/css/DroidKufi-Bold/DroidKufi-Bold.woffformat('woff'),
url(core/css/DroidKufi-Bold/DroidKufi-Bold.ttfformat('truetype');

نقوم بتحميل مجلدات الخطوط من المرفقات ونرفعهم بهذا المسار
كود PHP:
/public_html/wiki/core/css
لا تنسى تغيير wiki على حسب اسم مجلد منتداك ويجب ان يكون مسار مجلد الخطوط أصبح بهذا الشكل


والان يمكن اضافة نوع الخط بكل مكان في تعديلات الستايل ( Style Variable Editor ) واحجام الخطوط ونوعها وهذا مثال على ذلك لو أردنا تغيير خط محتوى المشاركات والمواضيع من المتغير المسمى Post Content Font


المهم هنا أن لا ننسى اضافة علامات '......' حول ( ببداية و نهاية ) اسم الخط الكوفي لأنه يتكون من كلمات بينها فراغ وهذا المثال الصحيح لاضافة اسم الخط
كود:
'Droid Arabic Kufi', arial, sans-serif
وان أردنا اضافة الكود بقالب ( css_additional.css ) يمكننا ذلك بسهولة وذلك باضافة اسم الكلاس ونوع الخط وحجمه المطلوب مثال على ذلك و لتعديل اسماء المنتديات هنا بالبوابة استخدمت الكود التالي
كود:
.forum-title {
    font-family: 'Droid Arabic Kufi', arial, sans-serif;
    font-size: 0.9775rem !important;
    line-height: 0.5 !important;
}
ودعون ان نتعرف على وظيفة كل سطر فى الكوود السابق
  • السطر الأول لاختيار نوع الخط
  • السطر الثاني حجم الخط
  • السطر الثالث ارتفاع السطر عن السطر التالي حتى لا تظهر السطور متلاصقة أو متباعدة أكثر مما يجب
وطبعا يمكنك التعديل بما تراه أنسب لتصميم موقعك ثم نكرر نفس العملية على كل مكان نريد فيه أن يظهر الخط الكوفي مثل عناوين المواضيع والمشاركات ... الخ لا تنسى رفع مجلدات الخطوط من المرفقات الى موقعك بواسطة برنامج FTP او لوحة التحكم cpanel

تم نقل الشرح من داماس // https://www.damasgate.com/wiki/node/154597


التعديل الأخير تم بواسطة هيلبرنت ; 12-14-2019 الساعة 02:22 PM
قديم 11-28-2019, 12:00 AM
المشاركة 2
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
شرح رائع جدا ومميز

بارك الله فيك أخي هيلبرنت

قديم 12-14-2019, 02:23 PM
المشاركة 3
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
اشكرا اخى احمد

قديم 12-17-2019, 07:14 PM
المشاركة 4
عناقيد
.:: عضو جديد ::.
  • عناقيد غير متواجد حالياً
افتراضي رد: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
اولا اشكرك على الموضوع والشرح


الشيء الاخر اين ملفات الخطوط حتى نحملها

قديم 12-17-2019, 09:39 PM
المشاركة 5
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
تقدر تحمله من هنا // https://up.top4top.net/downloadf-14469cooj1-zip.html

او

من هنا // https://up.traidnt.net/rSw5iH

قديم 02-16-2020, 11:47 AM
المشاركة 6
عناقيد
.:: عضو جديد ::.
  • عناقيد غير متواجد حالياً
افتراضي رد: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
قمت باضافة الخطوط لكن لم يتغير شي
مالحل ممكن تساعدوني


https://www.3nageed.com/vb/

اضافة رد

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

شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5


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

الانتقال السريع
المواضيع المتشابهه للموضوع: شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ vBulletin 5 ] : شرح تركيب منتدى الجيل الخامس vBulletin 5.4.3 هيلبرنت ركن تطـوير منتديات vBulletin 14 09-13-2024 08:05 AM
بالله عليكم مساعده في الجيل الخامس vbulletin 5 ابو زايد العبد ركن مشاكل وطلبات المنتديات 1 06-27-2022 11:14 PM
[ vBulletin 5 ] : حل مشكلة عدم اكتمال تنصيب الجيل الخامس vbulletin 5 abo-karim ركن تطـوير منتديات vBulletin 7 10-15-2021 03:27 PM
ملف تعريب منتديات الجيل الخامس للإصدار vBulletin 5.6.2 هيلبرنت ركن تطـوير منتديات vBulletin 1 01-24-2021 10:31 PM
شرح طريقة تغيير نوع الخط المشاركات والمواضيع بسكربت XenForo إلى الخط الكوفي abo-karim ركن شروحات الزين فورو XENFORO 5 06-06-2018 11:54 PM




الساعة الآن 10:29 AM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum