● دروس تصميم ستايل PHPBB ● مع ☁ White_Boss ☁

**White_Boss** · 29-07-2009, 09:19

السلام عليكم ورحمة الله وبركاته..
قبل أن أبدأ في موضوعي أرجو من المشرفين حذف هذا الموضوع:
لأنه يحتوي على نقص أو زيادة على الدورة ,, فأرجو منكم حذفه أو إغلاقه.

الله وحاط أقسام للدورة كمان >>> إيوة ^^" عشان تفهمون الدرس مزبوط وإذا شفت أحد ناقص في ستايله شي على طول راسب <<< علة ذا الأستاذ ><" :
طيب يعني ضاع الوقت كله في تسكيت أحد الطلاب
لازم اوقف عريف عليكم هههههههههه
الأقسام هي:
1- نبذة عن PHPBB
جا ونط أحد الطلاب <<< مدرسة ذي ولا ايش
يا استاذ ايش فايدة النبذة ذي اللي تقول عليها ؟ >>>> بيني وبينكم بس عشان اتفلسف
------
2-برامج نحتاجها:
في هذا القسم سأضع برامج نحتاجها لكي تكون ستايلاتنا مميزة .

3-تصميم الهيدر و الفوتر:
سنصمم الهيدر والفوتر <<<< وأنا عشان مافحالي أصمم قمت أخذت ستايل منتداي وشلت الاسم حطيت شي ثاني >>>> مسمي نفسه معلم كمان ><".

4-تقطيع الهيدر و الفوتر:
مساكين الهيدر والفوتر , حينقطعون الله يرحمهم

5-تركيب الهيدر والفوتر:
يعني ماقطعناهم بدون فايدة
ايوة حنركبهم ونخليهم مافي أحلى منهم .

6-تصميم NAVBAR
يا استاااااااااااااااااذ أنا ما أبغى اصمم navbar اللي موجود في النسخة يكفي ^^
عادي..بس لو سمحت أبغى أكمل الشرح شوي ---- خلي الثانيين يفهمون

7- تركيب الـnavbar
بس نركبه يمكن ماتاخذ 3 دقايق

8- تصميم قائمة منتديات
واااااااااااااااااااااااو يعني حأغير شكل قائمة المنتديات ويصير منتداي متميز ؟؟
طبعا هذي المرة وصلت معاي خلااص التعليقات خلوها بعدين يا طلاب >>>> مررررة معصب ههههه

9-تركيب قائمة المنتديات
حنركبها ويث اس

10-تغيير طريقة عرض الموضوع
واااااااااااااو يعــــ.....
ايوة ايوة خلاص عارف ايش بتقول...مو لازم تكمل >>>> مابقي غير ربع ساعة من زمن الحصة بسبب صياح ذاك الولد خخخخخخخ

11-تعديلات بسيطة [اختيارية]
بعض التعديلات وهي بسييييييييييييطة جدا حنسويها مع بعض >>>> حلو صح <<<<< ما اقدر اقول...ايوة هههههههههههههه

12-تلوين الستايل
جينا للفكة بعد هذي الفقرة حتفتكون من الأستاذ أبو دم ثقييييييل والعصبي
بس ماحتفتكون منه في استفساراتكم

يتبع~~
يرجى عدم الرد حتى انتهاء حصة اليوم <<<< ألين تركيب الهيدر والفوتر إن شاء الله.

**White_Boss** · 29-07-2009, 10:09

ما هو phpBB ?

منذ إنشائها عام 2000 ، أصبحت ™phpBB نظام المنتديات المفتوحة المصدر الأكثر استخداماً وشعبية على مستوى العالم لما تتمتع به phpBB™ 3.0 Olympus بلوحة تحكم إدارية سهلة الاستخدام وعملية تنصيب مبسطة، تماماً كما هو الحال مع النسخ السابقة ، مما يُمكنك من الحصول على منتدى مجاني جاهز خلال دقائق معدودة .

™phpBB ستمنح موقعك رونقاً خاصاً وتساهم في نجاحه نظراً للكم الهائل من المميزات القابلة للتخصيص والتعديل بالإضافة إلى الواجهة المطابقة للمعايير القياسية !

فاستناداً إلى الملايين من المنتديات حول العالم ، لا عجب بأن تكون phpBB أحد أشهر البرامج المستخدمة في إنشاء المنتديات .

--برنامج الـPhotoShop بأي إصدار ويفضل CS4.
--نسخة PHPBB على الرابط التالي :

--برنامج الفرونت بيج ويفضل الإصدار 2003.
برنامج السيرفر الشخصي من الرابط التالي:

**White_Boss** · 29-07-2009, 10:36

تصميم الهيدر والفوتر لا يعتمد على نمط معين وإنما يعتمد على إبداعك في برنامج الفوتوشوب.
افتح عمل جديد وأقصى حجم للعرض هو 900 <<<< يعني على كيفك بتحدد لنا العرض
لا حول ولا قوة إلا بالله خلوني أعرف أشرح واللي يتكلم ذحين ناقص درجتين !!
900 عشان الستايل اللي بنسويه حيكون ثابت بمقدار 900 وهو أحسن شي بالنسبة لي ^^".
وأنا فتحت عمل <<< عمل الله يستر خخخخخخخ >>بالمقاسات التالية:

-------------
وهذا هو الناتج النهائي اللي طلع لي:

------------
يا استاااااااااااااااااااذ التصميم مررررررة مو حلو ><"
لا إله إلا الله <<< بيرفع لي ضغطي ذا
أقول انت ناقص درجتين
التصميم أنا سويته خفيف عشان الوقت
ولا أفضل تصميم الستايلات الثقيلة خصوصا إذا كان منتداك مليئ بالأعضاء والمواضيع
انتهينا من التصميم صح ؟؟
التصميم والتقطيع كلها بسيطة إن شاء الله
لكن المشكلة في...
استاذ ممكن سؤال ؟
اتفضل...
أنا مثلا أبغى أحط في الهيدر مكان لتسجيل الدخول ورسالة ترحيب لمن يدخل كيف ؟
سبحان الله تقرا أفكاري انت
بالنسبة للدخول السريع هو هاك تحملونه , ورسالة الترحيب كذلك هاك لكن معاي ماحتكون هاك
بس تحط الملح على السلطة وخلاص
ملح على السلطة ؟؟؟
أوه آسف <<<< جيعان خخخخخخ>>>>أقصد تحط بعض البهارات على الستايل ^^ >>> افهموها خلاص
يللا اتفرجوا في الهيدر والفوتر لحين العودة قريبا إن شاء الله هاااااع
يتبع~~
يرجى عدم الرد حتى انتهاء حصة اليوم هههههه << الين التركيب فاهمين

**White_Boss** · 29-07-2009, 10:51

التقطيع سهل بإذن الله وهذا هو الشرح:
استاااااااذ <<< من البداية يعني
أقدر أشرح بدالك ؟
طيب ورينا شطارتك
يللا أول شي افتحوا العمل اللي سويتوه ^^.
بعدين جيبوا السكينة والملــ....
اقول روح ارجع محلك أحسن من إنك تقول لهم جيبوا سكين وقطعوا الكيك والكلام حقك
طبعا الأغلب يعرف أداة التقطيع واختصارها الحرف C وقطعول الستايل زي مانتم شايفين في الصورة :

--------
قطعنا الهيدر لحاله والفوتر لحاله<<<الله يرحمهم
بعدين اذهب لقائمة File> save for web
وعند الحفظ تأكد من الخييار التالي:

--------
وبكذا إن شاء الله نكون انتهينا من تقطيعهم<<<مساكسن ><".
ويللا فكروا كيف حتكون طريقة تركيب الستايل معاي <<< ترى الطريقة غير والله
يتبع~~
يرجى عدم الرد حتى انتهاء حصة اليوم<<<يعني التركيب اللي هو الرد الجاي إن شاء الله.

**White_Boss** · 29-07-2009, 13:51

الهيدر: هييييييييي حأتركب في المنتدى
الفوتر: ياحظك انت حتكون فوق وفيك الأزارير...<<حسودي
الهيدر: اللهم لاشماتة...انت تحت
لفوتر: بس أنا في حفظ الحقوق
الهيدر: طيب وأنا في....<<<< لو خليناهم يهرجون للصبح مايخلصون
------------------------
اليوم طريقة تركيب الهيدر والفوتر غير × غير
وكمان ما ابغى أسئلة زايدة عن اللزوم من الطلاب
يا استاااااااااااذ <<< لاحول ولا قوة إلا بالله من أولها يعني ><".
أبدأ في الشرح بسرعة
طيب طيب بس اسكتوا أول
في البداية
احنا حفظنا الملفات اللي أول (الهيدر والفوتر) بعد التقطيع في مجلد وداخل المجلد نشأ ملف HTML وجلد باسم images
اتبعوا الشرح...

---
ثم اختر ملف الهيدر كما في الصورة:

---
والآن اختر أداة التقطيع وختصارها الحرف C وقطع الأزارير كما في الصورة:

----
ولازم تكونون أخذتوا حسابكم انه حيكون في مكان لتسجل الدخول في الهيدر وأنا هذا هو

-----
وقطعته زي مالاحظتم في الصوورة السابقة .
والآن لننتقل إلى الأزارير
وهذه هي الأكواد:
الرئيسية:

كود الـ PHP:

index.php

التسجيل:

كود الـ PHP:

ucp.php?mode=register

لوحة التحكم:

كود الـ PHP:

ucp.php

التعليمات:

كود الـ PHP:

faq.php

قائمة الأعضاء:

كود الـ PHP:

memberlist.php

البحث:

كود الـ PHP:

search.php

ولإضافة الأوامر إلى الأزارير اضغط باليمين على الزر بعد تقطيعه واتبع الصورة:

--
وكررها إلى أن تنتهي من كل الأزرار

ثم اذهب إلى file>save for web وتأكد من الخيار التالي عند الحفظ:

---
والآن اذهب إلى المكان الذي حفظت فيه الهيدر وافتحه بالفرونت بيج:

---
احذف المظلل:

--

--
ثم انسخه كله , وافتحxxx/ styles/subsilver2/template/overall_header.html
مع استبدال xxx باسم مجلد منتداك.
بعد ان فتحت overall_header.html ابحث عن

كود الـ PHP:

<div id="wrapheader">

ونقوم بحذف مابعده حتى نصل إلى

كود الـ PHP:

<div id="menubar">

وقبل هذا تأكد من نسخ صور الهيدر إلى مجلد xxx/images
وألصقها داخل مجلد xxx/images
xxx= اسم مجلد منتداك
وبكذا نكون انتهينا من الهيدر واحفظ التعديلات على الملف ولا حظ النتيجة:

----
وبهذا نكون انتهينا من تركيب الهيدر ^^.
والفوتر بسيييييط يمكن اتأخر 10 أيام عشان السفر ><" في شرح الفوتر بس تقدرون تردون
وبالنسبة لشرح وضع تسجيل الدخول فأسيبه لكم فكروا فيه بعقولكم <<< والله الشغلة مي بصعبة
وإذا لقيت وقت إن شاء الله أحطها
يتبع~~<<<<انتهت حصة اليوم يعني في ردود
يا استاذ ترى خلصت المدرسة وانت تقول حصص ؟؟
لاماعليك عشان يفهمون طلاب مكسات ^^ خخخخخخخ.

يمكنكم الرد ^^.

**أورتشمارو1984** · 29-07-2009, 13:54

بارك الله فيك

**White_Boss** · 29-07-2009, 14:13

ويبارك فيك خوي ^^
ومشكور على مرورك ^^

**ahmedyemen** · 07-08-2009, 15:28

مشكوووور

**White_Boss** · 07-08-2009, 17:18

شكرا على مرورك ^^

**Naruto.6** · 08-08-2009, 13:21

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

**Mr.Cash** · 08-08-2009, 13:49

موضوع متعوب عليه ..

الله يخليك لنا و لايحرمنا من مشاركاتك الرائعة

و جزاك الله خير الجزاء

th_lqaa

**TNTFOREVER** · 08-08-2009, 14:06

مشكور على الدرس

و تقبل مروري

**virus2020** · 08-08-2009, 17:23

موضوعك قمة روعة بارك الله فيك يعطيك ألف عافية يا بطل

**White_Boss** · 08-08-2009, 18:52

الرسالة الأصلية كتبت بواسطة أورتشمارو1984

بارك الله فيك

مشكووووور على مرورك ^^

الرسالة الأصلية كتبت بواسطة mr.cash

موضوع متعوب عليه ..

الله يخليك لنا و لايحرمنا من مشاركاتك الرائعة

و جزاك الله خير الجزاء

th_lqaa

شكر أخوي على مرورك ^^
آمين ويخليك لنا كمان
وجزاك الله خير ^^

الرسالة الأصلية كتبت بواسطة tntforever

مشكور على الدرس

و تقبل مروري

شكرا على مرورك الحليو هههههه

الرسالة الأصلية كتبت بواسطة virus2020

موضوعك قمة روعة بارك الله فيك يعطيك ألف عافية يا بطل

الله يعافيك ^^
............................!
أنا بطل ؟؟؟؟؟!!!!!
لو يجيني واحد ويضربني كان تشوفني مسدح من الضرب خخخخخخخخ <<< أمزح هااااع

**لحظة خيال** · 12-08-2009, 19:37

هلا يا استاذ شكرا ع الدرس

شكلي بكون الطالبه اللي تعصب الاستاذ و تفور دمة من أسألتها هههه

عندي سؤال : كيف اصمم الهيدر و الفوتر يا أستاذ ؟؟ انا مبتدئة بكل ما تحمله الكلمة من معنى ^^

**White_Boss** · 12-08-2009, 20:32

الرسالة الأصلية كتبت بواسطة الخيال الهارب

هلا يا استاذ شكرا ع الدرس

شكلي بكون الطالبه اللي تعصب الاستاذ و تفور دمة من أسألتها هههه

عندي سؤال : كيف اصمم الهيدر و الفوتر يا أستاذ ؟؟ انا مبتدئة بكل ما تحمله الكلمة من معنى ^^

السلام عليكم ورحمة الله وبركاته
بالنسبة لتصميم الهيدر والفوتر يجب ان تكون لديكِ الخبرة الكافية في هذا المجال
التصميم يكون ببرنامج الفوتوشوب
واعتقد في قسم لدروس الفوتوشوب ومواقع كثيرة كمان
والسلام عليكم ورحمة الله وبركاته

**al mghroor** · 19-08-2009, 21:05

الرسالة الأصلية كتبت بواسطة white_boss

السلام عليكم ورحمة الله وبركاته..
قبل أن أبدأ في موضوعي أرجو من المشرفين حذف هذا الموضوع:
لأنه يحتوي على نقص أو زيادة على الدورة ,, فأرجو منكم حذفه أو إغلاقه.

الله وحاط أقسام للدورة كمان >>> إيوة ^^" عشان تفهمون الدرس مزبوط وإذا شفت أحد ناقص في ستايله شي على طول راسب <<< علة ذا الأستاذ ><" :
طيب يعني ضاع الوقت كله في تسكيت أحد الطلاب
لازم اوقف عريف عليكم هههههههههه
الأقسام هي:
1- نبذة عن phpbb
جا ونط أحد الطلاب <<< مدرسة ذي ولا ايش
يا استاذ ايش فايدة النبذة ذي اللي تقول عليها ؟ >>>> بيني وبينكم بس عشان اتفلسف
------
2-برامج نحتاجها:
في هذا القسم سأضع برامج نحتاجها لكي تكون ستايلاتنا مميزة .

3-تصميم الهيدر و الفوتر:
سنصمم الهيدر والفوتر <<<< وأنا عشان مافحالي أصمم قمت أخذت ستايل منتداي وشلت الاسم حطيت شي ثاني >>>> مسمي نفسه معلم كمان ><".

4-تقطيع الهيدر و الفوتر:
مساكين الهيدر والفوتر , حينقطعون الله يرحمهم

5-تركيب الهيدر والفوتر:
يعني ماقطعناهم بدون فايدة
ايوة حنركبهم ونخليهم مافي أحلى منهم .

6-تصميم navbar
يا استاااااااااااااااااذ أنا ما أبغى اصمم navbar اللي موجود في النسخة يكفي ^^
عادي..بس لو سمحت أبغى أكمل الشرح شوي ---- خلي الثانيين يفهمون

7- تركيب الـnavbar
بس نركبه يمكن ماتاخذ 3 دقايق

8- تصميم قائمة منتديات
واااااااااااااااااااااااو يعني حأغير شكل قائمة المنتديات ويصير منتداي متميز ؟؟
طبعا هذي المرة وصلت معاي خلااص التعليقات خلوها بعدين يا طلاب >>>> مررررة معصب ههههه

9-تركيب قائمة المنتديات
حنركبها ويث اس

10-تغيير طريقة عرض الموضوع
واااااااااااااو يعــــ.....
ايوة ايوة خلاص عارف ايش بتقول...مو لازم تكمل >>>> مابقي غير ربع ساعة من زمن الحصة بسبب صياح ذاك الولد خخخخخخخ

11-تعديلات بسيطة [اختيارية]
بعض التعديلات وهي بسييييييييييييطة جدا حنسويها مع بعض >>>> حلو صح <<<<< ما اقدر اقول...ايوة هههههههههههههه

12-تلوين الستايل
جينا للفكة بعد هذي الفقرة حتفتكون من الأستاذ أبو دم ثقييييييل والعصبي
بس ماحتفتكون منه في استفساراتكم

يتبع~~
يرجى عدم الرد حتى انتهاء حصة اليوم <<<< ألين تركيب الهيدر والفوتر إن شاء الله.

والله مافهمت شي