تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4

تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4

بسم الله الرحمن الرحيم

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

<table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="bottom" width="75"><table border="0" cellpadding="0" cellspacing="0" width="50"><tr><td class="smallfont" valign="top" width="28"></td><td class="smallfont" style="background-image: url("Support-style/images/misc/quotes/quote-bg.gif"); background-position: center center;" valign="middle" width="100%">اقتباس:</td><td class="smallfont" valign="top"></td></tr></table></td><td style="background-image: url("Support-style/images/misc/quotes/quot-lr-bg.gif");" align="left" valign="bottom"></td><td align="left" valign="bottom" width="0"><table border="0" cellpadding="0" cellspacing="0" width="200"><tr><td class="smallfont" valign="top"></td><td style="background-image: url("Support-style/images/misc/quotes/quot-bye-bg.gif");" align="left" valign="middle" width="100%" nowrap="nowrap">المشاركة الأصلية كتبت بواسطة</td><td background="Support-style/images/misc/quotes/quot-bye-bg.gif"></td><td class="smallfont" valign="top"></td></tr></table></td><td align="right" valign="bottom" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background-image: url("Support-style/images/misc/quotes/quot-top-bg.gif");" valign="middle" width="100%"></td><td class="smallfont" align="left" valign="top"></td></tr></table></td></tr></table></td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background-image: url("Support-style/images/misc/quotes/quoting-left.gif");" width="10"></td><td bgcolor="#ffffff" valign="top" width="100%"></td><td style="background-image: url("Support-style/images/misc/quotes/quoting-right.gif");" width="10"></td></tr><tr><td style="background-image: url("Support-style/images/misc/quotes/quot-left-bg.gif");" width="10"></td><td class="smallfont" bgcolor="#ffffff" valign="top" width="100%"> ملف CSS هذا مغلق وقديم ، ويتوفر هنا للأغراض المرجعية فقط.</td><td style="background-image: url("Support-style/images/misc/quotes/quot-right-bg.gif");" width="10"></td></tr><tr><td valign="bottom" width="10"></td><td style="background-image: url("Support-style/images/misc/quotes/quot-bot-bg.gif");" width="100%"></td><td valign="bottom" width="10"></td></tr></table>

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

• التحكم بالاستايلات
  
• و من خيارات الاستايل المراد تغيره هتختار متغيرات الاستايل
  

للوهلة الاولى , الموضوع كبير و معقد جدا !!
لكن انتظر قليل , سوف نقوم بشرح كل شئ , و سنجد ان الموضوع سهل باذن الله

* لمن لا تظهر عنده الصور , الصور مرفقة



1- مكان للبحث عن متغيرات الاستايلات ( ستظهر فائدتها مع الشرح )
2- عند وضع علامة الصح في هذه الخانة , تختفي اسماء المتغيرات , و تظهر التصنيفات فقط
3- تصنيفات متغيرات ( في الاغلب اماكن ظهورهم )
4- اسماء متغيرات الCSS
5- التحكم في متغير الCSS

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

كما بالصورة


و هذه الصورة عند وضع علامة الصح لظهور اسماء التصنيفات فقط



حتى الان
الوضع لازال معقد

مئات من المتغيرات
لذلك حتى يكتمل الموضوع يجب وضع خريطة للتعامل مع هذه المتغيرات

لم ينسانا مطوروا الفي بلتن
قام مطوروا الفي بلتن بعمل ثلاث كتب PDF لترجمة طلاسيم و لوغريتمات متغيرات الCSS
الكتب مرفقة مع الموضوع
و هذه ايضا روابط لهم من داخل موقع الفي بلتن

• Forum StyleVar Visual Dictionary 2.0.pdf(872.0 KB, )
  
• CMS StyleVar Visual Dictionary.pdf‎(442.9 KB, )
  
• Blog StyleVar Visual Dictionary.pdf‎(236.3 KB, )
  

واحد للمنتدى
واحد للمجلة
واحد للمدونة
فيهم صور بالمكان , و اسم المتغير

* صورة من داخل الكتاب



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

مثال على تكبير الخطوط من موقعي

الصفحة الرئيسية
http://fokakmeny.fokak4um.com/


صفحة المشاركات و المواضيع

شرح تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4


اما بالنسبة للتعديلات التي قمت بها
على ما اتذكر ( لاني لم انوي حينها عمل موضوع بالشرح فلا اتذكر كافة المتغيرات التي قمت بتعديلها)
انا غيرت من Common ---> Small Font
خليته 13pt
و بالنسبة للمشاركات
Postbit --> Postbit_msg_font
خليته 13pt
و ممكن بقى تخلوا انتوا القيم اللي انتوا عايزينها و تغيروا اي حاجة انتوا محتاجينها
فقط دور عليها داخل الكتاب , اعرف مكانها و اسم المتغير بتاعها
و ادخل غيرها زي الشرح

اتمنى ان يكون الموضوع عجبكم
و ان كان فيه توفيق فهو من الله
و ان كان فيه خطأ فهو من الشيطان و السهو
و السلام عليكم


رابط الموضوع الاصلي
شرح تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4

منقول