السلام عليكم
شرح بسيط لاضافة الخط الكوفي في منتديات Vbulliten v5
طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع
نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى
نقوم بتحميل مجلدات الخطوط من المرفقات ونرفعهم بهذا المسار كما هو الحال في بوابة داماس ( لا تنسى تغيير كلمة wiki الى vb او forum بحسب اسم مجلد المنتدى عندك )
تأكد أن مسار مجلد الخطوط أصبح بهذا الشكل
والان يمكن اضافة نوع الخط بكل مكان في تعديلات الستايل ( Style Variable Editor ) واحجام الخطوط ونوعها وهذا مثال على ذلك
لو أردنا تغيير خط محتوى المشاركات والمواضيع من المتغير المسمى Post Content Font
المهم هنا أن لا ننسى اضافة علامات '......' حول ( ببداية و نهاية ) اسم الخط الكوفي لأنه يتكون من كلمات بينها فراغ
وهذا المثال الصحيح لاضافة اسم الخط
وان أردنا اضافة الكود بقالب ( css_additional.css ) يمكننا ذلك بسهولة وذلك باضافة اسم الكلاس ونوع الخط وحجمه المطلوب مثال على ذلك
لتعديل اسماء المنتديات هنا بالبوابة استخدمت الكود التالي
المهم هو السطر الأول لاختيار نوع الخط
السطر الثاني حجم الخط
السطر الثالث ارتفاع السطر عن السطر التالي حتى لا تظهر السطور متلاصقة أو متباعدة أكثر مما يجب
وطبعا يمكنك التعديل بما تراه أنسب لتصميم موقعك
ثم نكرر نفس العملية على كل مكان نريد فيه أن يظهر الخط الكوفي مثل عناوين المواضيع والمشاركات ... الخ
لا تنسى رفع مجلدات الخطوط من المرفقات الى موقعك بواسطة برنامج FTP او لوحة التحكم cpanel
شرح بسيط لاضافة الخط الكوفي في منتديات Vbulliten v5
طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع
نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى
Code:
/*
* 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(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');
}
Code:
/public_html/wiki/core/css/
والان يمكن اضافة نوع الخط بكل مكان في تعديلات الستايل ( Style Variable Editor ) واحجام الخطوط ونوعها وهذا مثال على ذلك
لو أردنا تغيير خط محتوى المشاركات والمواضيع من المتغير المسمى Post Content Font
المهم هنا أن لا ننسى اضافة علامات '......' حول ( ببداية و نهاية ) اسم الخط الكوفي لأنه يتكون من كلمات بينها فراغ
وهذا المثال الصحيح لاضافة اسم الخط
Code:
'Droid Arabic Kufi', arial, sans-serif
لتعديل اسماء المنتديات هنا بالبوابة استخدمت الكود التالي
Code:
.forum-title {
font-family: 'Droid Arabic Kufi', arial, sans-serif;
font-size: 0.9775rem !important;
line-height: 0.5 !important;
}
المهم هو السطر الأول لاختيار نوع الخط
السطر الثاني حجم الخط
السطر الثالث ارتفاع السطر عن السطر التالي حتى لا تظهر السطور متلاصقة أو متباعدة أكثر مما يجب
وطبعا يمكنك التعديل بما تراه أنسب لتصميم موقعك
ثم نكرر نفس العملية على كل مكان نريد فيه أن يظهر الخط الكوفي مثل عناوين المواضيع والمشاركات ... الخ
لا تنسى رفع مجلدات الخطوط من المرفقات الى موقعك بواسطة برنامج FTP او لوحة التحكم cpanel
