الملاحظات
قسم تطوير المواقع تطوير المواقع والمنتديات واصدارات امنتديات والسكربتات والهاكات يتضمن الشروحات والمشاكل والحلول الخاصة بالمواقع والمنتديات بالاضافة الى اشهار المواقع والسيو.
أهلا وسهلا بك في منتديات طلاب جامعة النجاح الوطنية
الضيف الكريم سلام الله عليك , ان المنتدي مكان لتبادل المنفعة ولكي نفيد ونستفيد .. من فضلك ساهم بقدر المستطاع واجعل دورك فعال بالمنتدي على الأقل قم بشكر الشخص الذي إستفدت من موضوعه .. نحن نعمل جميعاً على نشر الفائدة نرجو المشاركة في هذا العمل ولا تكتفي بالمشاهدة فقط ...
كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالتسجيل في المنتدى والاستفادة من مزايا العضوية وانشر مواضيعك ومشاركاتك، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب به.
|
|
المشاركات 508 |
+التقييم 0.93 |
تاريخ التسجيل May 2023 |
الاقامة فلسطين |
التخصص الجامعي الهندسة |
رقم العضوية 1 |
05-29-2023, 03:09 AM
المشاركة
1
شرح اضافة الخط الكوفي لمنتديات الجيل الخامس vbulletin 5
درس اليوم بسيط وشهل ان شاء الله وهو شرح كيفيفة اضافة الخط الكوفي في منتديات Vbulliten v5 طبعا يمكن اضافة الخطوط برابط من موقع خارجي مثل جوجل او كلود فلير ولكنني بالبوابة فضلت رفع الخطوط على الموقع نفسه ولكل شخص وجهة نظر بالموضوع
الحطوات
نفتح القالب css_additional.css ونضع بأعلاه ( أول سطر ) الكود التالي وطبعا أول سطر ليقوم المتصفح بتحميل الخطوط قبل تحميل المحتوى
كود PHP:
نقوم بتحميل مجلدات الخطوط من المرفقات ونرفعهم بهذا المسار
كود PHP:
لا تنسى تغيير 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; }
ودعون ان نتعرف على وظيفة كل سطر فى الكوود السابق
الحطوات
نفتح القالب 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; }
ودعون ان نتعرف على وظيفة كل سطر فى الكوود السابق
- السطر الأول لاختيار نوع الخط
- السطر الثاني حجم الخط
- السطر الثالث ارتفاع السطر عن السطر التالي حتى لا تظهر السطور متلاصقة أو متباعدة أكثر مما يجب
ادارة منتديات طلاب جامعة النجاح الوطنية
stnajah.com
« الموضوع السابق | الموضوع التالي »
العرض العادي
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| تعريب ملف اللغة للإصدار vBulletin 5.5.5 | admin | قسم تطوير المواقع | 0 | 05-29-2023 03:05 AM |
الساعة الآن 03:20 AM
Powered by vBulletin® Copyright ©2000 - 2023, Jelsoft Enterprises Ltd.