المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4


Masry
2010-11-13, 02:23 PM
تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4

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

نبدأ الموضوع
سألني احد الاخوة مني على منتدايا , عن كيفية تكبيري للخطوط داخل استايل الجيل الرابع
مساعدة من الأخ صاحب المنتدى رجاء ؟؟ (http://fokakmeny.fokak4um.com/t24908/%D9%85%D8%B3%D8%A7%D8%B9%D8%AF%D8%A9-%D9%85%D9%86-%D8%A7%D9%84%D8%A3%D8%AE-%D8%B5%D8%A7%D8%AD%D8%A8-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D8%AF%D9%89-%D8%B1%D8%AC%D8%A7%D8%A1-%D8%9F%D8%9F.html)

اجب سؤاله , و لكني فكرت في ان يستفيد جميع الاعضاء من هذه المعلومات

في بداية تعاملي مع النسخة الرابعة , و عند محاولتي لتكبير الخطوط دخلت بكل طيبة على الCSS الرئيسي
و قمت بتعديل الخطوط تمام كما افعل كل مرة مع الجيل الثالث , و عندما انتهيت , وجدت انه لا يوجد زر للحفظ , عندها تنبهت لهذه الرسالة
http://www.traidnt.net/vb/AGT04/misc/quotes/quot-top-left.gifاقتباسhttp://www.traidnt.net/vb/AGT04/misc/quotes/quot-top-right.gifhttp://www.traidnt.net/vb/AGT04/misc/quotes/quot-top-right-10.gifملف CSS هذا مغلق وقديم ، ويتوفر هنا للأغراض المرجعية فقط. http://www.traidnt.net/vb/AGT04/misc/quotes/quot-bot-left.gifhttp://www.traidnt.net/vb/AGT04/misc/quotes/quot-bot-right.gif

http://img440.imageshack.us/img440/2582/28249583.png

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

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

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

http://img10.imageshack.us/img10/6522/51668547.png

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

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

كما بالصورة
http://img444.imageshack.us/img444/294/47268188.png

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

http://img185.imageshack.us/img185/3015/69665369.png

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

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

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


http://www.vbulletin.com/forum/images/attach/pdf.gif (http://www.vbulletin.com/forum/images/attach/pdf.gif) Forum StyleVar Visual Dictionary 2.0.pdf (http://www.vbulletin.com/forum/attachment.php?attachmentid=40265&d=1261421904) (872.0 KB, )
http://www.vbulletin.com/forum/images/attach/pdf.gif (http://www.vbulletin.com/forum/images/attach/pdf.gif) CMS StyleVar Visual Dictionary.pdf‎ (http://www.vbulletin.com/forum/attachment.php?attachmentid=40266&d=1261421904) (442.9 KB, )
http://www.vbulletin.com/forum/images/attach/pdf.gif (http://www.vbulletin.com/forum/images/attach/pdf.gif) Blog StyleVar Visual Dictionary.pdf‎ (http://www.vbulletin.com/forum/attachment.php?attachmentid=40267&d=1261421904) (236.3 KB, )
واحد للمنتدى
واحد للمجلة
واحد للمدونة
فيهم صور بالمكان , و اسم المتغير

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

http://img180.imageshack.us/img180/4718/19714092.png

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

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

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

صفحة المنتديات
ركن تطوير منتديات الجيل الرابع vBulletin 4.0.X (http://fokakmeny.fokak4um.com/%D8%B1%D9%83%D9%86-%D8%AA%D8%B7%D9%88%D9%8A%D8%B1-%D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9-vbulletin-4-0-x/)

ركن الاسكربتات ال*****ة و اسكربتات متوافقة مع vBulletin (http://fokakmeny.fokak4um.com/%D8%B1%D9%83%D9%86-%D8%A7%D9%84%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA%D 8%A7%D8%AA-%D8%A7%D9%84%D9%85%D9%86%D8%B2%D9%88%D8%B9%D8%A9-%D9%88-%D8%A7%D8%B3%D9%83%D8%B1%D8%A8%D8%AA%D8%A7%D8%AA-%D9%85%D8%AA%D9%88%D8%A7%D9%81%D9%82%D8%A9-%D9%85%D8%B9-vbulletin/)



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

شرح تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4 (http://fokakmeny.fokak4um.com/t24909/%D8%B4%D8%B1%D8%AD-%D8%AA%D9%83%D8%A8%D9%8A%D8%B1-%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%B7-%D8%AF%D8%A7%D8%AE%D9%84-%D8%A7%D8%B3%D8%AA%D8%A7%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9-vbulletin-4-a.html)


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

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

مصطفى شومان

رابط الموضوع الاصلي
شرح تكبير الخطوط داخل استايلات الجيل الرابع vBulletin 4 (http://fokakmeny.fokak4um.com/t24909/%D8%B4%D8%B1%D8%AD-%D8%AA%D9%83%D8%A8%D9%8A%D8%B1-%D8%A7%D9%84%D8%AE%D8%B7%D9%88%D8%B7-%D8%AF%D8%A7%D8%AE%D9%84-%D8%A7%D8%B3%D8%AA%D8%A7%D9%8A%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AC%D9%8A%D9%84-%D8%A7%D9%84%D8%B1%D8%A7%D8%A8%D8%B9-vbulletin-4-a.html)


تحميل
Blog StyleVar Visual Dictionary.zip (http://www.traidnt.net/vb/attachment.php?attachmentid=469724&d=1269641782) (216.2
CMS StyleVar Visual Dictionary.zip (http://www.traidnt.net/vb/attachment.php?attachmentid=469725&d=1269641782) (381.7
Forum StyleVar Visual Dictionary 2.0.zip (http://www.traidnt.net/vb/attachment.php?attachmentid=469726&d=1269641782) (774.1