منتدى دعم PBBoard الرسمي (نسخة قابلة للطباعة من الموضوع) https://pbboard.info/forums/t8614 أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

isma3eliano 11-01-2012 07:50 صباحاً بسم الله الرحمن الرحيم السلام عليكم ورحمة الله وبركاته،، ======================= سنشرح اليوم كيفية ترقية أي إستايل لأي نسخة Pbboard لأخري -------------------------------------------------------- هذا الشرح صالح لأي نسخة أيضًا صالح للترقية من الجيل الثاني للثالث -------------------------------------------------------- نبدأ علي بركة الله ... أولًا : يجب أن تتوفر لديك نسخة pbboard يفضل علي السيرفر الشخصي و هذا شرح لكيفية التركيب بالصور تركيب منتدى pbboard ثانيًا : يجب أن يكون الإستايل المركب علي النسخة هو الإفتراضي بدون أي تعديلات عليه ثالثًا : بالتأكيد يجب أن يتوفر الإستايل المراد تحويله _________________________________________________ <font size="4">في الجي<font size="4">ل الثالث الأمر مختلف قليلًا <font size="4">فالإستايلات بملفات <font size="4">XML سنقوم بتحميل الإستايل الإفتراضي ستجده علي المسار <font size="4"><code class="Brush plain"><code class="spaces"> styles/</code></code> <font size="4">ستجد folder <font size="4">main خذه وغير إسمه <font size="4">بأي إسم ليكن n<font size="4">ew ثم ارفعه إلي نفس المسار الآن لديك استايل جديد إسمه new <font size="4">يتبقي فقط الـX<font size="4">ML اتبع الصور.. <font size="4">نعيد رفع الملف الـXML الذي قمنا بتحميله بهذا قمنا بأخذ نسخة إفتراضية من الإستايل نقوم بالتحويل عليه _________________________________________________ الخطوة الأولي إستبدال الصور =============== .. نفتح مجلد الصور (images) في الإستايل المراد ترقيته و الإستايل الإفتراضي ثم نقوم بإستبدال الصور في الإستايلين .. .بمعني أن الصور للإستايل الذي سنقوم بترقيته نضعها بدل من الصور في الإستايل الإفتراضي .. لكن يجب أن نراعي أنه هناك بعض الصور تغيير أسمها و أخري حذفت أصلًا في النسخ الجديدة -------------------------------------------------------------------------------------------------- الخطوة الثانية تعديل القوالب =============== أهم القوالب و التي غالبًا ما تكون معدله في معظم الإستايلات الهيدر و الفوتر Header.tpl & Footer.tpl و هناك بالتأكيد بعض القوالب الأخري التي قد تكون معدله نقوم بتعديلاها علي حسب الإستايل ففي الكثير من الإستايلات مثلًا يكون هناك أطار حول الأقسام و الإحصائيات و هذا التأطير في القوالب sections_list.tpl >> قالب الأقسام و المنتديات في الرئيسية main--static_table.tpl >> قالب الإحصائيات statistics_list.tpl >> قالب آخر خمس أحصائيات فنقوم بالتعديل حسب التعديل في قوالب الإستايل الذي سنقوم بترقيته و لمعرفة القوالب مثبت : شرح معظم قوالب النسخة بالصور -------------------------------------------------------------------------------------------- الخطوة الثالثة تعديل الـ Css =============== بالتأكيد في 99% من الإستايلات هناك تعديل في الـ css فيجب أن نعدل الـ css نقوم بأخذ الوسوم التي في الـcss للأستايل المراد ترقيته و نضعها بدل ما هو مثلها في الإفتراضي علي الأقل يجب تعديل الوسوم الرئيسية التي تشعر بأنها واضحه تعديلها في الإستايل و من أهم الوسوم التي لابد تعديلها body , .tcat , .thead , .thead1 ,.row1 , .row2 , .row3 , .row4 , .row5 , .tbar_writer_info و هناك الكثير من الوسوم الهامة التي يجب تعديلها لـكن علي كٍل أنت أستخدم الإٍستايل كأنك أحد المستخدمين و أبحث عن الألوان المراد تعديلها و قم بتعديلها في الـ css و لمعرفت الوسم الخاص بكل مكان هذا الموضوع سيفيدك هل تعبت من البحت عن أسماء القوالب ؟؟ الحل مع العم الفايرفوكس (موضوع مميز) و لمعرفت الجديد في الـcss في النسخة الأخيره هذا الموضوع سيفيدك مثبت : شرح كلاسات الـ css للنسخة [2.1.4] و بإذن الله يتم عمل موضوع تجميع لأهم و أغلب وسوم الــ css +++++++++++++++++++++++++++++++++++++++++++++ ملحوظة هامة : هناك إستايلات فيها وسوم css زياده علي الأساسية و خاصة الإستايلات توزيع الـcss فيجب أخذ هذه الوسوم الزائده كما هي و غالبًا تكون في آخر ملف الـcss ++++++++++++++++++++++++++++++++++++++++++++ إلي هنا إنتهي الشرح ,, و لزياده توضيح هذا مثال لترقية إستايل بهذه الخطوات الثلاثة السالف ذكرهم ====================================== سنقوم بترقية هذا الإستايل .. [Style v2.1.3]:استايل لأزرق لإحترافي تصميم DARK1 لنسخه PBB للنسخة الأخيره 2.1.4 ================================================= الخطوة الأولي إستبدال الصور =============== ================================================= الخطوة الثانية تعديل القوالب =============== يجب أولًا أن ننظر لصورة الإستايل http://dc09.arabsh.com/i/02822/vp23mcj1ip1a.png سنجد أن القوالب المعدلة في الصفحة الرئيسية هي header, address_bar_part1.tpl, address_bar_part2.tpl, sections_lists.tpl, main--static_table.tpl,statistics_list.tpl , main.tpl , footer نقوم بتعديل كل هذه القوالب و قد تواجهك بعض المشاكل و هذا طبيعي أطرح مشكلتك هنا(مشاكل الاستايلات والقوالب (Support Templates , Styles) و نحن سنساعدك ================================================= الخطوة الثالثة تعديل الـ Css =============== هنا نفتح الـ css الخاص بالإستايل الذي نقوم بتحويله و نأخذ الأكواد التي به ليست كلها بل تأخذ وسم وسم و إستبداله بما يشابهه مثلًا الـ body تأخذ هذا الوسم و تضعه مكان الـbody في الملف الآخر و هكذا و الأفضل أنك تشاهد الإستايل علي الطبيعه - بعد إستبدال الوسوم الأساسية - و ما تري لونه غير متوافق مع الإستايل تغييره و هكذا ====================================== [تطبيق] علي شرح ترقية أي إستايل من أي نسخة Pbboard لأخري [size=5]====================================== تم بحمد الله

Copyright © 2009-2024 PBBoard^® Solutions. All Rights Reserved