أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

منتدى شروحات ودروس منتديات PBBoard

لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 03:51 صباحاً

مهند

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته،،

كثير طلبو مني شرح للتحويل والترقيه ابسط من شرح الاخ اسماعلينو مع اني شفت شرحه سهل لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

لهذا اليوم حشرح لكم طريقتي

طريقتي لا تحتاج الى صور فقط كلام لكن للنجاح يجب اتباعها خطوه خطوه

انا حبدي بالشرح من الرد القادم
ارجو عدم الرد الى الانتهاء

وشكرا

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 04:06 صباحاً [1]

مهند

حنبدء بالترقية

اول خطوه تنسخ الاستايل الافتراضي main وتغير اسمه الى اسم الاستايل المراد ترقيته

ثاني خطوه تنسخ محتوى مجلد images الي داخل الاستايل المراد ترقيته وتلصق في مجلد images للاستايل الي عملناه

ثالثاً القوالب

نروح لقالب heder للاستايل الي نريد ترقته اخذ الكود ايل بين

وتخليه بين نفس القوسين في قالب الهيدر للاستايل الجديد

ولو كان في فوتر نعمل نفس الخطوه نبحث عن

</body>

تكون بالاخير وننسخ كود الفوتر من فوق </body>
الى

ومرات يكون موضوع تحت </body>
لذى ننسخ من </body>
الى تحت الى </html>

ونخليه كمان بين الي ذكرناه اي </body> و
او </body> و </html>
لكن انا اضعها بين </body> و افضل
انتهينا من اول قالبين

الان نروح للتأطير
نروح لاسهل قالبين في التأطير
address_bar_part1
و
address_bar_part2
نروح للاول
علشان ناخذ التأطير الاعلى
والثاني علشان ناخذ التأطير الاسفل من الاستايل المراد ترقيته
ونخلي الكودين في ملفين txt منفصلين واحد اعلى والثاني الاسفل
في الاول تجد الكود فوق

وفي الثاني تجد الكود بالنهايه وهو يكون مبين لان فيه مسارات الصور

وانا شارح قبل التأطير في موضوعي
[شرح]: اهم القوالب الواجب تأطيرها

واتبعه للتأطير
الان انتهينا من ثالث خطوه وهي القوالب

ونجي الان لل css
يتبع ...

: تم تحرير المشاركة بواسطة :مهند بتاريخ:03-10-2010 04:09 صباحاً

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 05:00 صباحاً [2]

مهند

الان css
الطريقه
حخلصها بكلمتين خخخخ
روح على الوسوم الي حذكرها وتستبدل محتواها بالوسوم نضيرتها في الاستايل تبعنا
الوسوم هي
body

a:link

a:visited,

a:active

a:hover

.tcat

[CENTER][CENTER][CENTER]والروابط والروابط المزاره وتأثير هوفير يعني كل الوسوم الي تحت .tcat

والي فيها .tcat
وتكمله

.tbar

.tbar_writer_info
هذا الوسم موجود فقط في استايلات 2.1.1 يعني الباقيه لازم انت تخليله الالوان او الصوره لان هذا الوسم
يختص بخلفيت الموضوع

.writer_info
وهذا الوسم يختص بمعلومات العضو في المواضيع والردود و الرسائل وغيرها

.thead
وكل الوسوم المربوطه بـــ .thead

و .thead1
وكل الوسوم المربوطه .thead1
مثل الروابط link وغيرها

.main_bar
وخاص بقائمت ازرار المتصفح تبع الرئيسيه والتسجيل وغيرها
مع جماعته الروابط والروابط المزاره

main_bar_MouseOver

وهذا الوسم خاص بالنسخه الجديده من 2.1.1 وفوق

يختص كمان بأزرار التصفح لكن هذا عند التأشير على زر تضهر له خلفيه ويتغير لونه

td.row1

td.row2

td.row3

td.row4

td.row5

[CENTER]وهذه تختص بخلفيات المنتدى اي يعني خلفيت القسام

خلفيت تسجيل الدخول وغيرها

في النسخه الجديده وفوق موجود 5

لكن في الاقدم لكن بس 3

input,button

وهذا الوسم خاص بخلفيت ازرار

وخلفيه لمربعات مثل مربع الي تكتب فيه عنوان الموضوع

وزر الي تعتمد الموضوع

.editortoolbar

وخاص ب المحرر

من الوان وخلفيه وغيرها

هيك في اوسمه من النسخه الجديده والقديمه يعني في موجودات وفي مضافه جديد المضافه جديد

يجب تغيير الالوان بما يناسب الاستايل الي انت ترقيه

يتبع.... تحويل الاستايلات

[/CENTER][/CENTER][/CENTER][/CENTER]

: تم تحرير المشاركة بواسطة :مهند بتاريخ:03-10-2010 05:05 صباحاً

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 06:41 صباحاً [3]

مهند

لحويل اي استايل

الطريقه

اولاً نعمل مثل ما عملنا بأول خطوه في الترقيه نجيب استايل main ونخليه اسمه نفس اسم الاستايل المراد تحويله

نعمل مقارنه بين كل صوره في الاستايل المراد تحويله و المجلد الجديد
واستبدال الصوره بالصوره القرينه لها عن طريق
مثلاً اسم صورة اضافة موضوع في الفي بي newtheed وفي البي بي بورد add فنغير اسم الفي بي لل pbboard ونستبدل
وتنصب منتدى تجريبي vb و pbboard وتركب استايل vb
وتروح على القوالب وتروح على heder
تاخذ كود الهيدر الي بين <---logo--->
وتضعه بالفرونت بيج ما تعدل شيء غير المسار تحذف كل المسار بتاع الصوره وما تبقي غير اسم الصوره و صيغتها
وتضيف قبل اسم الصوره
{$image_path}/
يعني يكون مثلاً

CODE


{$image_path}/logo1.gif

وكود {$image_path}/ معناه مجلد image تبع الاستايل ولو واضع الهيدر في image/heder/logo1.gif
يكون المسار lمثلاً

CODE


{$image_path}/heder/logo1.gif

ونفس الشيء للفوتر كمان نجيب الكود ونعمل عليه نفس الشيء

وتلاقي الكود بعد scribt حسب ما اضن هيك املائها يعني في الاخير اخر الاصطر

انتهينا من الهيدر والفوتير

الان نجي لل تأطير
نروح قالب navbar
وتدخله بالفرونت بيج
حتشوف مئطر تأخذ كود التئطير الاعلى والاسفل
وتخليه في ملفين txt
وتتلع شرحي
[شرح]: اهم القوالب الواجب تأطيرها

css
يتبع...

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 09:54 صباحاً [4]

مهند

الان css التحويل

بعد تركيب المنتدى vb تجريبي
وتركب الاستايل روح على اسم الاستايل واختار css الرئيسي

انا شارح لك في css الترقيه اهم الكلاسات
وهي فقط التي اعتقد يجب تعديلها

بعد الذهاب css الرئيسي
تروح لمنتداك pbboard
وتركب الاستايل الي حولناه 70%
ولم يتبقى سوى css
ونروح على css الاستايل

وتاخذ الالوان من vb وتضيفها في ال pbboard
يعني لون الخلفيه تنسخه وتضعه في body
تستبدل اللون الموضوع
تروح لوسم وسم تعدل تأخذ من هنا وتحط هنا

اهم الوسوم هي تبع row

وحشرحلك طريقت تلوينه

row1
row3
row5
تضع فيهم لون التوزيع الثاني

row2
row4
تضع لون التوزيع الاول

والباقي
واذا كان ليس اضافت لون بل صوره
الطريقه هي تضع هذا الكود ومكان bj ضع اسم الخلفيه ملاحظه لا تعمل الا اذا كان صيغتها gif و الافضل عدم وضعها في ملف فقط ضعها في images

CODE



    background: url(images/bj.gif) ;

انتهينا
اي سؤال او اي مشكله او اي نقص بالشرح ارجو ذكره في الموضوع

وشكرا

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 01:58 مساءً [5]

ابو عبد الله

بارك الله فيك اخي الكريم

عندي سؤال كيف بقدر استخدم برنامج لفرونت بينج وهل هو صعب

: لكثرت الطلب شرح تحويل وترقية اي استايل يخطر على بالك

03-10-2010 04:06 مساءً [6]

مهند

لا اخي سهل وبسيط وفي شروح تصميم استايل

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

المواضيع المتشابهه
عنوان الموضوع	الكاتب	الردود	الزوار	آخر رد
أضع بين أيديكم هذا الطلب	شبعان	4	210	شبعان
مشكلة في تفعيل العضوية المعذره الطلب غير موجود !	Mr. Galal Hasanin	3	1003	Soliman
بعد طول إنتظار........ و لكثرة الطلب , شرح عمل إستايل للنسخة من الألف للياء .	isma3eliano	49	20550	غزوان خليل
بعض الطلبات التي في امس الحاجة لها	anouar146	11	2342	DzSergio
أريد هاك أو كود لهاته الطلبات	anouar146	7	3157	anouar146

الكلمات الدلالية

« برمجة هاك وتركيبه عن طريق الأضافات البرمجية | نصائح في تصميم منتداك لجعله اكثر سرعه »

الساعة الآن 06:29 PM