شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
درس اليوم بسيط وشهل ان شاء الله وهو شرح كيفيفة اضافة الخط الكوفي في منتديات Vbulliten v5 طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع الحطوات نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى كود PHP: @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(core/css/DroidKufi-Regular/DroidKufi-Regular.eot); src: url(core/css/DroidKufi-Regular/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.woff2) format('woff2'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.woff) format('woff'), url(core/css/DroidKufi-Regular/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(core/css/DroidKufi-Bold/DroidKufi-Bold.eot); src: url(core/css/DroidKufi-Bold/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.woff2) format('woff2'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.woff) format('woff'), url(core/css/DroidKufi-Bold/DroidKufi-Bold.ttf) format('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; } ودعون ان نتعرف على وظيفة كل سطر فى الكوود السابق
|
الساعة الآن 07:47 AM |
Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.
جميع الحقوق محفوظة لمنتديات طلاب جامعة النجاح الوطنية