درس - دورة تصميم الستايلات [التركيب بالفرنت بيج ] الدرس الثالث . [الأرشيف]

Khaled J. Ahmad

14-09-2009, 04:29 PM

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

متمنياً من الله ان يوفقكم في التطبيق وننهي هذه الدورة بخير وسلام

من دون إطالة اترككم مع الدرس

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

http://www.abc4web.net/vb/uploaded/3929_11252937880.jpg (http://www.abc4web.net/vb)

نذهب الي تصميم ونقوم بإدراج ثلاث جداول كما بالصورة

http://www.abc4web.net/vb/uploaded/3929_11252937964.jpg (http://www.abc4web.net/vb)

وبعد ذالك نضغت كليك يمين على الجدول

http://www.abc4web.net/vb/uploaded/3929_11252938087.jpg (http://www.abc4web.net/vb)

ونطبق مافي الصورة

http://www.abc4web.net/vb/uploaded/3929_11252938228.jpg (http://www.abc4web.net/vb)

ثم نذهب الي الجدول الاوسط ونضغط كليك يمين
http://www.abc4web.net/vb/uploaded/3929_11252938267.jpg (http://www.abc4web.net/vb)

ونطبق مافي الصورة

http://www.abc4web.net/vb/uploaded/3929_11252938338.jpg (http://www.abc4web.net/vb)

عند زر الاستعراض نقوم بالذهاب الي صورة تمدد الهيدر وندرجها ..

الان الي الجدول الاول من جهة اليمين ونطبق ما بالصورة

http://www.abc4web.net/vb/uploaded/3929_11252938442.jpg (http://www.abc4web.net/vb)

يتبع .......

Khaled J. Ahmad

14-09-2009, 04:35 PM

الان الصورة الثالثة من جهة اليمين

ونطبق كما بالصورة ولكن نختار صورة الهيدر 3

http://www.abc4web.net/vb/uploaded/3929_11252938442.jpg

هذا ما نتج معنا بعد التطبيق

http://www.abc4web.net/vb/uploaded/3929_11252938583.jpg

الان نذهب الي تعليمات برمجية ونقوم بحذف ما هو موضع بالصورة المضلل باللون الاصفر

http://www.abc4web.net/vb/uploaded/3929_11252938688.jpg (http://www.abc4web.net/vb)

ليصبح هكذا ونقوم بنسخ الكود والاحتفاظ به بملف txt او ملف وورد .

http://www.abc4web.net/vb/uploaded/3929_11252938863.jpg (http://www.abc4web.net/vb)

الفوتر نقوم بتطبيق الشرح لكن مع تغيير الصور .

Khaled J. Ahmad

14-09-2009, 05:07 PM

الان التركيب على المنتدى

نقوم بنقل مجلد صور الستايل الي مجلد الـ vb في السيرفر الشخصي

وثم
.
.

نذهب الي لوحة تحكم الادارة

الستايلات والقوالب >> التحكم بالستايلات

http://www.abc4web.net/vb/uploaded/3929_11252939974.jpg (http://www.abc4web.net/vb)

http://www.abc4web.net/vb/uploaded/3929_11252939986.jpg (http://www.abc4web.net/vb)

http://www.abc4web.net/vb/uploaded/3929_11252940056.jpg (http://www.abc4web.net/vb)

ونقوم بحذف ما بين  و 

صورة للتوضيح بعد ما حذفنا الكود .

http://www.abc4web.net/vb/uploaded/3929_01252940527.jpg (http://www.abc4web.net/vb)

وبعد ذالك نأتي بقالب الهيدر الذي قمنا بحفظه ونضعه مكان التضليل الاصفر

http://www.abc4web.net/vb/uploaded/3929_01252940527.jpg (http://www.abc4web.net/vb)

وثم ننزل اخر شيء وحفظ ..

ثم نأتي الي قالب الفوتر ونأتي بكود الفوتر الذي قمنا بحفظه ونضعه اخرلكود القالب .

ونذهب الي المنتدى لنشاهد التغييرات

هذا رابع لمشاهدة التطبيق على موقعي .

http://www.manaraa.com/support/index.php?styleid=4

محمود عفيفى

14-09-2009, 05:25 PM

ما شاء الله
تسلم الأيادى

جروح بارده

14-09-2009, 06:40 PM

مجهود رااااائع جدا

ما شاء الله عليك

الله يعطيك العافيه

الراعي

14-09-2009, 06:41 PM

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

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

abohmam

14-09-2009, 06:42 PM

جزاك الله خيرا أخى خالد

شرح رائع وممتاز نسأل الله أن ينفع به جميع الأعضاء

لك التحية والشكر على هذا الجهد

أبو يوسف

14-09-2009, 07:02 PM

شرح وافي

بارك الله بك اخي خالد

وإن شاء الله بميزان حسناتك

.

مُجمع الخبرات

14-09-2009, 09:36 PM

بارك الله فيك

Khaled J. Ahmad

14-09-2009, 11:53 PM

حياكم الله

فاطمة ظهير

15-09-2009, 01:48 AM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

لؤي سلامو

15-09-2009, 01:50 AM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

ذوالجناح

15-09-2009, 03:17 AM

ماشاء الله عليك
أبدعت في الشرح أسأل الله أن يسهل التطبيق :abc_145:
ومن العايدين مقدما

أبوفاطمه

15-09-2009, 11:37 AM

بارك الله فيك أخوي خال
ربنا يحفظك ان شاء الله
وكل عام وانت بخير

الراعي

15-09-2009, 08:09 PM

السلام عليكم ورحمة الله وبركاته
عدنا أخي خالد بعد محاولة تطبيق الدرس ...أرجو أن يكون التطبيق سليما.

http://dc02.arabsh.com/i/00508/xon5m2cjc66f.bmp

http://dc02.arabsh.com/i/00508/rze6e1dac3d2.bmp

دمتم بعافية

سالي الفلسطينية

16-09-2009, 12:48 PM

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

شـكــ وبارك الله فيك ـــرا لك .

.. لك مني أجمل تحية .

تحياتي

.

Khaled J. Ahmad

16-09-2009, 01:56 PM

تطبيق ممتاز اخي الراعي

بقي علينا لمسات ونخرج الستايل باحسن صورة

الراعي

16-09-2009, 07:01 PM

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

تسلم أخي خالد ...نعم نحتاج باذن الله لمسات اضافية ...وهذا يجرني للسؤال ان كان ما يزال هناك دروس
تمنحنا مزيدا من المعرفة ..........وجزاكم الله خيرا وبارك فيكم ونفع بكم.

أبو يوسف

16-09-2009, 07:50 PM

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

تسلم أخي خالد ...نعم نحتاج باذن الله لمسات اضافية ...وهذا يجرني للسؤال ان كان ما يزال هناك دروس
تمنحنا مزيدا من المعرفة ..........وجزاكم الله خيرا وبارك فيكم ونفع بكم.

السلام عليكم

قرات ردك وانا عند العم ابو يوسف .. ووضعت الرد باسمه

- الدروس المتبقية هي.

اعدادات الستايل وهي تعديل الالوان والخطوط

ودرس تعديل مسارات مجلدات الصور

كصور الازرار

موضوع جديد - رد - اقتباس الخ...

و درس تحميل ملف الستايل بصيغة xml ..

اي استفسارات بالخدمة.

الراعي

17-09-2009, 06:50 PM

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

بالنسبة للعم أبو يوسف ...لو كنتَ مشتركا معنا في هذه الدورة لا عتبرتُ استضافتك لمشرفها الاستاذ خالد
نوعا من الرشوة :abc_088:
لكني أجدك في كل الحالات مذنبا اذ كيف تستضيف عضوا واحدا دون الباقي من أعضاء المنتدى؟؟
خالد :abc_102: كان سحور ولا فطور ؟؟؟
عيدكم مبارك:abc_028:

هيام دياب

17-09-2009, 10:06 PM

تسلم ايديك خالد على الموضوع

والمجهود الطيب

يعطيك الف عافية ودمت متألقا ومميزا في جميع المجالات

تحيتي لك ..
:abc_152:

أبو يوسف

17-09-2009, 10:28 PM

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

بالنسبة للعم أبو يوسف ...لو كنتَ مشتركا معنا في هذه الدورة لا عتبرتُ استضافتك لمشرفها الاستاذ خالد
نوعا من الرشوة :abc_088:
لكني أجدك في كل الحالات مذنبا اذ كيف تستضيف عضوا واحدا دون الباقي من أعضاء المنتدى؟؟
خالد :abc_102: كان سحور ولا فطور ؟؟؟
عيدكم مبارك:abc_028:

حياكم الله جميعا أخي الراعي أنت وباقي الأعضاء أتشرف بزيارتكم ، وشرف لي أن تضم جدران بيتي هذه الثلة من خيار الأخيار

لم يكن فطورا ولا سحورا بل كانت جلسة معالجة لكمبيوتر خالد الذي عفا عليه الزمن ؛ ولو كان يملك كمبيوترا مثل الذي عندي لأراكم العجب العجاب

أعانه الله : فمشاركة مثل هذه تأخذ منه أيام لأن حاسوبه لا يساعده ويلزمه تغيير ؛ فيجب ان يكون شكره مضاعفا

.

HAMAM

17-09-2009, 11:40 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

Khaled J. Ahmad

18-09-2009, 01:08 AM

هههههههههههههههه

اعوذ بالله من الرشوة

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

Khaled J. Ahmad

18-09-2009, 01:11 AM

جلسة معالجة لكمبيوتر خالد الذي عفا عليه الزمن
ان شاء الله سنقوم بتحديثه ..:abc_145:

ولو كان يملك كمبيوترا مثل الذي عندي لأراكم العجب العجاب

هذا شيء اكيد ههههههه :abc_006:

النــادر

18-09-2009, 07:19 AM

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

تسلم ايديك خالد على الموضوع

والمجهود الطيب

ماشاء اللة ماشاء اللة

الراعي

18-09-2009, 07:02 PM

السلام عليكم ورحمة الله وبركاته
الله يكرمك أخي ابو يوسف ويزيد فضلك ......
أما بخصوص استاذنا الفاضل خالد فمجهوده بالمنتدى متميز حتى مع وجدود جهاز كالذي ذكرت..
ونسأل الله سبحانه وتعالى أن يسخر لنا وله كل وسيلة يُبْتَغى بها وجهه عز وجل .. انه ولي ذلك
والقادر عليه ...............أدام الله عليكم هذه الصحبة الطيبة
أخوكم الراعي

أبــ فادي ــو

19-09-2009, 02:20 PM

شـكــ وبارك الله فيك ـــرا لك

عادل نت

24-11-2009, 02:44 PM

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

بارك الله فيك اخي خالد على ما تبذله من جهد ...

واي شيء تحتاجونه من صور او رفع او اي شيء نستطيع تقديمه نحن في الخدمه ان شاء الله , فقط زدنا من علمك .

تم التطبيق على هذا الموقع المجاني لرؤية سير العمل ...

http://www.ala5oh.fi5.us/vb/index.php?styleid=5

ولكن بعد التطبيق ظهرت لي بعض الصور والأخرى لا , وهي نقاط التمدد في الهيدر !!

قد يكون الخلل من الموقع بحيث لا يحدث الصور بسرعه

نسأل الله ان تظهر معكم كل الصور , واي ملاحظات طبعاً لا تبخل بها علينا .

،
،
،

في امان الله

عادل نت

25-11-2009, 09:25 AM

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

اخي خالد , انا ساحاول التطبيق على النوعين من الستايلات ...

الاحترافي والرباعي مثل الذي تطبق عليه دروسك ...

الاستايل الرباعي هنا

http://www.ala5oh.fi5.us/vb/index.php?styleid=7

والستايل الاحترافي هنا

http://www.ala5oh.fi5.us/vb/index.php?styleid=5

وان شاء الله الاثنان يزبطوا معي

ولك ولجميع الاعضاء اجمل باقة زهور بمناسبة عيد الفطر ...

:abc_152:

فكل عام وانتم بخير .

Khaled J. Ahmad

25-11-2009, 10:37 AM

مجهود مميز اخي عادل نت

http://www.ala5oh.fi5.us/vb/index.php

هنا انت فهمت التركيب والتمدد ومع الممارسة يكون وضعك تمام بالتصميم :abc_088:

هنا
http://www.ala5oh.fi5.us/vb/index.php?styleid=5

نقط
التمدد غير ظاهرة لكن شغلك تمام وممتاز وعندك مشكلة بالبرواز فهو يثقل المنتدى.

الان بقي لدينا تعديل الالوان و بعض الاعمال البسيطة

عادل نت

25-11-2009, 01:42 PM

بالضبط اخي ولا اعرف السبب لعدم ظهور نقاط التمدد في الستايل الاحترافي !!!!

فهل يمكن ان تفيدني في هذا ؟؟؟