tag:blogger.com,1999:blog-89044969295271090342012-02-16T00:48:37.097-08:00mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.comBlogger101100tag:blogger.com,1999:blog-8904496929527109034.post-83058821441541817282022-03-14T04:51:00.000-07:002011-10-27T04:32:23.837-07:00<div dir="rtl" style="text-align: center;"><span style="font-weight: bold; color: rgb(0, 102, 0);font-family:arial;" >السلام عليكم ورحمة الله وبركاتة</span><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-family:arial;" >اخواني تم إفتتاح المدونة التعليمية وإن شاء الله نقدم كل ماهو مفيد </span><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-family:arial;" >دورات تعليمية &amp; دروس &amp; فرش &amp; فلاتر &amp; وجميع ادوات برامج التصميم</span><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-family:arial;" >وإن شاء الله تجدون كل ماهو جديد </span><br /><br /><span style="font-weight: bold; color: rgb(51, 51, 255);font-family:arial;" >تحيتي للجميع</span><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-8305882144154181728?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-19861100447054671762015-03-03T08:32:00.000-08:002011-03-15T11:29:59.213-07:00<div style="text-align: center; font-weight: bold;font-family:arial;"><span style="color: rgb(0, 102, 0);font-size:100%;" >بسم الله الرحمن الرحيم ..</span><br /><br /><span style="font-size:100%;"><span style="color:Blue;">الدرس الاول من الدورة ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;">اول نفتح برنامج الفوتوشوب </span></span><br /><span style="font-size:100%;"><span style="color:Blue;">ثم نفتح صفحة جديده بهذا المقاسات ,,</span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> <img src="http://glb.alasd.googlepages.com/1.jpg" alt="" border="0" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;">نختار لون فاتح ..</span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> <img src="http://glb.alasd.googlepages.com/2.jpg" alt="" border="0" /></span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> بعد ماخترنا المقاسات واللون الفاتح نصبغ الخلفية </span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> نصبغها بهذا الاداء</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <img src="http://glb.alasd.googlepages.com/3.jpg" alt="" border="0" /></span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> وتصبح النتيجة..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 780 * 450.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/4.jpg" alt="" border="0" height="346" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> الان نضيف الشبكة على التصميم حتى تساعدنا في التصميم ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> من قائمة<span style="color:Red;">view>>Extras</span></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> ويصبح كما تشاهدون في الصورة</span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 820 * 480.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/5.jpg" alt="" border="0" height="351" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> الان نضيف ليره جديده ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <img src="http://glb.alasd.googlepages.com/6.jpg" alt="" border="0" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> الان نحدد الهيدر والفوتر ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> اول نحدد الهيدر بهذا الاداه</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <img src="http://glb.alasd.googlepages.com/7.jpg" alt="" border="0" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> ثم نحدد ونصبغ الهيدر كما في الصورة</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 792 * 466.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/8.jpg" alt="" border="0" height="353" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> ثم نضيف ليره جديده للفوتر ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> ونحدد بنفس الاداه </span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> ونصبغ الفوتر ويصبح كما في الصورة</span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 795 * 463.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/9.jpg" alt="" border="0" height="349" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> وبعد تنسيق الهيدر والفوتر واضافة جماليات عليهم ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 808 * 470.</td></tr></tbody></table><img id="ncode_imageresizer_container_5" src="http://glb.alasd.googlepages.com/10.jpg" alt="" border="0" height="349" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <span style="color:Red;">ملاحظه مهم ::</span> يجب مراعة نقاط التمدد في تصميم الهيدر والفوتر ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> لاحظو نقاط التمدد في تصميمي </span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 780 * 450.</td></tr></tbody></table><img id="ncode_imageresizer_container_6" src="http://glb.alasd.googlepages.com/11.jpg" alt="" border="0" height="346" width="600" /></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> <span style="color:DarkGreen;">ياخوان نقطة التمدد موشرط تكون نقطتين في الهيدر .. انا عندي نقطتين تمدد في الهيدر ..</span></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"><span style="color:DarkGreen;"> لنو عندي الصور التجميلية في الهيدر 3 صور يمين ويسار ووسط ..</span></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"><span style="color:DarkGreen;"> طيب شاهدو الفوتر نقطة واحدة لنو مافي صورة تجميلية في الوسط ..</span></span></span><br /><span style="font-size:100%;"><span style="color:Blue;"><span style="color:DarkGreen;"> ارجو ان اكون وضحت لكم .. هذا النقطة </span></span></span><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> كل عضو يرفق لي صورة الاستايل محدد نقطة التمدد مثل ماوضحت لكم بالشرح حتى نشوف نقاط التمدد ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> واحفظ الملف المفتوح للستايل راح نرجع له في تصميم التأطير ..</span></span><br /><br /><br /><span style="font-size:100%;"><span style="color:Blue;"> الان انتهينا من الدرس الاول ..</span></span><br /><span style="font-size:100%;"><span style="color:Blue;"> الدرس الثاني تقطيع الاستايل ..</span></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-1986110044705467176?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-71157603454011439702015-03-02T08:41:00.000-08:002011-03-14T15:45:11.374-07:00<div dir="rtl" style="text-align: center;"><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"><span style="color:DarkGreen;">بسم الله الرحمن الرحيم</span><br /><span style="color:Red;"><br />والسلام عليكم ورحمة الله وبركاتة</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Black;">اتمنى انك تقرا الدرس مرة ومرتين وثلاثة وبعدين طبق</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نقطع الاستايل ..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اول ننشئ مجلد جديد في سطح المكتب ونسمية باي اسم مثل<span style="color:Red;"> al-3zeef.net</span></span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">في هذا المجلد راح تكون عده مجلدات مجلد للصور المقصوصة ومجلد للأزارير ومجلد للرموز ومجلد للأيقونات ... الخ</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان ننشئ مجلد للصور المقصوصة ونسمية مثل <span style="color:Red;">style</span>.. الان نفتح الفوتوشوب ونقص الاستايل ..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">جميع الصور المقصوصة نحفظها في مجلد <span style="color:Red;">style </span>اللى انشئناه داخل المجلد الاساسي اللى هو باسم <span style="color:Red;">al-3zeef.net</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">سمو بالله ,,</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">في طريقتي لي قص الاستايل الطريقة الاولى عن طريق المشرط .. وهذا صعب شويتني على المبتدئين</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الطريقة الثانية القص ولصق وهذا اللى راح اشرحة ان شاء الله ..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الفرق بين الطريقتين طريقة المشرط ماتاخذ في القص دقيقتين ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اما القص و لصق متعبة شويتين .. لا تخاافون بس هي الافضل لكم ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وتم ارفاق شرح فيديو تقطيع الاستايل بالمشرط ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">للتحميل ..</span></span></span></b><br /><br /><a href="http://glb.alasd.googlepages.com/ta-m.rar" target="_blank"><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">إضغط هنا</span></span></span></b></a><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نبدا بتقطيع الاستايل بالطريقة الثانية ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اول نجزء الاستايل نقص الهيدر والفوتر لوحدها كما تشاهدون في الصورة</span></span></span></b><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 801 * 160.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/12.jpg" alt="" border="0" height="119" width="600" /></b></span></span></span><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 798 * 95.</td></tr></tbody></table><img id="ncode_imageresizer_container_7" src="http://glb.alasd.googlepages.com/13.jpg" alt="" border="0" height="71" width="600" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نختار من قائمة <span style="color:Red;">window>>info</span></span></span></span></b><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><img src="http://glb.alasd.googlepages.com/14.jpg" alt="" border="0" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لكي تساعدنا في القص بمقاسات ثابتة للهيدر والفوتر</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">شرح قائمة <span style="color:Red;">info</span> اهم شي في قائمة <span style="color:Red;">info</span> هذا الحرفين <span style="color:Red;">W: و H:</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"><img src="http://glb.alasd.googlepages.com/15.jpg" alt="" border="0" /></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">حرف <span style="color:Red;">H</span> حيكون ثابت في القص للهيدر والفوتر يعني طول الهيدر وطول الفوتر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">المهم هو حرف <span style="color:Red;">W</span> يعني العرض هذا اللى لازم نركز علية .. تكفوون ركزو زين في القص ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اللى مافهم الشرح راح يفهم لمن يطبق ان شاء الله ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اول نقص اطراف الهيدر طرف يسار وطرف يمين ..</span></span></span></b><br /><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 821 * 188.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/16.jpg" alt="" border="0" height="137" width="600" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لا حظو معي ياخوان لمن حددت اطراف الهيدر اختارت العرض <span style="color:Red;">0.55</span> والطول <span style="color:Red;">2.07</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الطول راح يكون ثابت مقاسة<span style="color:Red;">2.07</span> والعرض هو اللى لازم نركز علية ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">افضل نسجل المقسات في مستند نص جديد او في ورقة خارجية </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"> ونسمية الاطراف <span style="color:Red;">0.55</span> لنو اطراف الهيدر والفوتر حتكون بنفس المقسات العرض =<span style="color:Red;">0.55</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وصور التجميلية بنفس المقسات للهيدر والفوتر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ونقاط التمدد بنفص المقاسات للهيدر والفوتر</span></span></span></b><br /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نقص الاطراف اختصار من الكيبورد نضغط<span style="color:Red;"> CTRL+X</span> يعني قص</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 800 * 169.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/17.jpg" alt="" border="0" height="126" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لوتلاحظو بعد ماقصينا طلعت لنا الخلفية بيضاء اخفو الليرة الاساسيةو تروح ان شاء الله اتمنى الجميع إزالهتا ..</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 809 * 173.</td></tr></tbody></table><img id="ncode_imageresizer_container_9" src="http://glb.alasd.googlepages.com/18.jpg" alt="" border="0" height="128" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماقصين على طول من الكيبورد <span style="color:Red;">CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وبعدين <span style="color:Red;">CTRL+V</span> لصق وتصبح كما تشاهدون </span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/19.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">انتهينا من الطرف الاول . . </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نروح للطرف الثاني ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">القص لازم يكون مقساته موحده احنا قصين الطرف الاول الطول <span style="color:Red;">2.07</span> وهذ الرقم ثابت ..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والعرض <span style="color:Red;">0.55</span> </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">على طول نقص الطرف الثاني بنفس المقسات</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 838 * 187.</td></tr></tbody></table><img id="ncode_imageresizer_container_6" src="http://glb.alasd.googlepages.com/20.jpg" alt="" border="0" height="133" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماحددنا من الكيبورد نضغط<span style="color:Red;"> CTRL+X</span> قص </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>.. </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+V</span> لصق وتصبح كما تشاهدون</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/21.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وهذ النتيجة بعد ماقصينا الاطراف</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 809 * 181.</td></tr></tbody></table><img id="ncode_imageresizer_container_11" src="http://glb.alasd.googlepages.com/22.jpg" alt="" border="0" height="134" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان من الكيبورد<span style="color:Red;"> CTRL+A</span> تحديد الكل ثم نكرر هذا الاختصارات..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماحددنا من الكيبورد نضغط <span style="color:Red;">CTRL+X</span> قص </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد<span style="color:Red;"> CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+V</span> لصق </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">تصبح النتيجة كما تشاهدون</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 771 * 193.</td></tr></tbody></table><img id="ncode_imageresizer_container_12" src="http://glb.alasd.googlepages.com/23.jpg" alt="" border="0" height="150" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نقص الصور التجميلية للهيدر نحدد العرض المناسب ثم نقص</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 741 * 172.</td></tr></tbody></table><img id="ncode_imageresizer_container_13" src="http://glb.alasd.googlepages.com/24.jpg" alt="" border="0" height="139" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لاحظو معي الطول ثابت <span style="color:Red;">2.07</span> والعرض <span style="color:Red;">2.55</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماحددنا من الكيبورد نضغط <span style="color:Red;">CTRL+X</span> قص </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+V</span> لصق تصبح النتيجة كما تشاهدون</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/25.jpg" alt="" border="0" /><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 730 * 176.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/26.jpg" alt="" border="0" height="144" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نروح نقص الطرف الثاني ..</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 767 * 179.</td></tr></tbody></table><img id="ncode_imageresizer_container_5" src="http://glb.alasd.googlepages.com/27.jpg" alt="" border="0" height="140" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نكرر هذا الخطوات..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماحددنا من الكيبورد نضغط <span style="color:Red;">CTRL+X</span> قص </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>..</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+V</span> لصق وتصبح كما تشاهدون</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/28.jpg" alt="" border="0" /><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 747 * 166.</td></tr></tbody></table><img id="ncode_imageresizer_container_10" src="http://glb.alasd.googlepages.com/29.jpg" alt="" border="0" height="133" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان من الكيبورد <span style="color:Red;">CTRL+A</span> تحديد الكل ثم نكرر هذا الاختصارات..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">القص وفتح ملف جديد واللصق ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والنتيجة هي </span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/30.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان جاء وقت قص نقطة التمدد ركزو زين معي ..</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/31.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لاحظو اخترت مقاس العرض لنقطة التمدد <span style="color:Red;">0.21</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماحددنا من الكيبورد نضغط <span style="color:Red;">CTRL+C</span> نسخ</span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+N</span> فتح ملف جديد ولا تغير شي في المقاسات خلها مثل ماهي ثم موافق او <span style="color:Red;">ok</span>.. </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم من الكيبورد <span style="color:Red;">CTRL+V</span> لصق وتصبح كما تشاهدون</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/32.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والان نلغي التحديد ونحفظ الصورة كاملة ..</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/33.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ياخوان انا في الشرح اخترت المقسات كالتالي ,</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الاطراف <span style="color:Red;">0.55</span> </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والصور التجميلية <span style="color:Red;">2.55</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ونقطة التمدد <span style="color:Red;">0.21</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نفس المقسات راح نستخدمة للفوتر ان شاء الله</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">كذا انتهينا والحمد لله من الهيدر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">جميع الصور المقصوصة تحفظ باسماء انجليزية ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان ناتي للفوتر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نفس طريقة قص الهيدر طبقوها على الفوتر بنفس المقسات اللى اخترناها للهيدر للطراف والصور التجميلية والنقطة التمدد.. </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">مايحتاج اعيد الشرح طبقو الشرح على الفوتر..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ارفقو لي الصور المقصوصة للهيدر والفوتر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وهذ صورة للصور بعد قصها داخل مجلد<span style="color:Red;"> style</span> للهيدر والفوتر ..</span></span></span></b><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 879 * 279.</td></tr></tbody></table><img id="ncode_imageresizer_container_8" src="http://glb.alasd.googlepages.com/34.jpg" alt="" border="0" height="190" width="600" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بانتظاركم ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نقطة نسيت اوضحها لكم .. ياخوان في القص الصور التجميلية موشرط الصورة اليمنى واليسرا بنفس العرض ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">مثل قصيت الصورة التجميلية اليمني<span style="color:Red;"> 1.5</span> واليسرا مو شرط تكون <span style="color:Red;">1.5</span> حسب تصميمك يمكن تجي <span style="color:Red;">2.5</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بس في الفوتر نفس المقسات اللى تقصها للهيدر ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">مثل قصيت الصورة التجميلية اليمنى للهيدر <span style="color:Red;">1.5</span> واليسرا <span style="color:Red;">2.5</span> </span></span></span></b><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نفس المقسات نقصها للفوتر اليمنى <span style="color:Red;">1.5</span> واليسرا <span style="color:Red;">2.5</span></span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ارجو ان اكون وضحت لكم لكثر ..</span></span></span></b><br /><br /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:130%;"><span style="color:Indigo;"><br />وآسف أحبتي على الإطالة ... بالشرح<br /><br /><br />فإن اصبنا فمن الله سبحانه وتعالى وانا اخطئنا فمن انفسنا و الشيطان ..</span></span></span></b></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-7115760345401143970?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-13243166391712124042011-03-14T05:14:00.000-07:002011-03-14T06:03:30.366-07:00<div dir="rtl" style="text-align: right;"><b><span style="font-family:Arial;"><b><span style="color:DarkGreen;"><b><span style="font-family:Arial;"><span style="font-size:100%;">بسم الله الرحمن الرحيم ..</span></span></b></span></b></span></b><br /><br /><b><span style="font-family:Arial;"><b> <span style="color:Red;"><b><span style="font-family:Arial;"><span style="font-size:100%;">والسلام عليكم ورحمة الله وبركاتة</span></span></b></span></b></span></b><br /><span style="color:Blue;"><br /></span><span style="color:Blue;"><b><span style="font-family:Arial;"><b><b><span style="font-family:Arial;"><span style="font-size:100%;">درس اليوم هو إضافي لا الدورة .. </span></span></b></b></span></b><br /><br /></span><span style="color:Blue;"><b><span style="font-family:Arial;"><b><b><span style="font-family:Arial;"><span style="font-size:100%;">وهو عبارة عن تاطير قالب FORUMDISPLAY</span></span></b></b></span></b><br /><br /></span><span style="color:Blue;"><b><span style="font-family:Arial;"><b><b><span style="font-family:Arial;"><span style="font-size:100%;">الخاص بـ الأقسام الفرعية وقائمة المواضيع وصندوق الخيارات ॥<br /><br />الدرس فيديو<br /><br /><br /><iframe title="YouTube video player" src="http://www.youtube.com/embed/cLG5DZJk97Q" frameborder="0" height="390" width="480"></iframe><br /><br /></span></span></b></b></span></b> </span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-1324316639171212404?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-37569101019234776012011-03-12T08:51:00.000-08:002011-03-14T04:15:04.759-07:00<div dir="rtl" style="text-align: center;"><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">[ الدرس الثامن والأخير ] .. تلوين السكرول بار + استخراج ملف الاستايل xml </span></span></span></b><br /><br /><span style="color:DarkGreen;"><b><span style="font-family:Arial;"><span style="font-size:100%;">بسم الله الرحمن الرحيم ..</span></span></b><br /></span><br /><span style="color:Red;"><b><span style="font-family:Arial;"><span style="font-size:100%;">والسلام عليكم ورحمة الله وبركاتة</span></span></b></span><br /><br /><span style="color:Black;"><b><span style="font-family:Arial;"><span style="font-size:100%;">درسنا اليوم هو الاخير من الدورة .. ودرس جدا بسيط ومايخذ من وقتك 5 دقائق ..</span></span></b></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بسم الله نبدا ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">المقصود بالسكرول بار ..</span></span></span></b><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><img src="http://glb.alasd.googlepages.com/115.jpg" alt="" border="0" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد التعديل ..</span></span></span></b><br /><br /><img src="http://glb.alasd.googlepages.com/116.jpg" alt="" border="0" /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">انسخ الكود ॥<br /></span></span></span></b><pre class="alt2" dir="ltr" style="margin: 0px; padding: 6px; border: 1px inset; width: 640px; height: 146px; overflow: auto;">html<br />{<br />SCROLLBAR-FACE-COLOR: #434142;<br />SCROLLBAR-SHADOW-COLOR: #9B9A9A;<br />SCROLLBAR-ARROW-COLOR: #F1F1F1;<br />SCROLLBAR-TRACK-COLOR: #C4C4C4;<br />SCROLLBAR-DARKSHADOW-COLOR: #9B9A9A;<br />}</pre><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">واذهب الى لوحة التحكم المنتدي </span></span></span></b><br /><span style="color:Red;"><br /><b><span style="font-family:Arial;"><span style="font-size:100%;">الإستايلات والقوالب> التحكم بالإستايلات</span></span></b></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اختر الاستايل ثم اذهب ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">راح تفتح لك قائمة css نفس اللى في الدرس الرابع انزل الى الاخير وانسخة الكود هنا ..</span></span></span></b><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 825 * 424.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/117.jpg" alt="" border="0" height="308" width="600" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم تغير كود الالون واختر اللى يناسب استايلك ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">انتهينا من السكرول بار</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الحين نستخرج ملف الاستايل xml </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">من لوحة تحكم الادارة </span></span></span></b><br /><br /><span style="color:Red;"><b><span style="font-family:Arial;"><span style="font-size:100%;">الإستايلات والقوالب > رفـع / تحميل الإستايل</span></span></b></span><br /><br /><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><b><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 837 * 250.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/118.jpg" alt="" border="0" height="179" width="600" /></b></span></span></span><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم تنزيل ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">واحفظة داخل مجلد الاستايل وارفقه لي ^_^ </span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">انتهت الدورة ولله الحمد ..</span></span></span></b><br /><br /><b><span style="font-family:Arial;"><span style="font-size:130%;"><span style="color:Indigo;">وبتوفيق للجميع<br /><br />مقدم الدورة اخوكم .. احمد الصاعدي </span></span></span></b><br /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-3756910101923477601?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-29572872091229713682011-03-12T08:50:00.000-08:002011-03-14T04:14:18.937-07:00<div dir="rtl" style="text-align: center;">[ الدرس السابع ] :: تصميم التأطير + تقطيعة + تركيبة في المنتدي ..<br /><br /><span style="color:DarkGreen;">بسم الله الرحمن الرحيم ..</span><br /><br /><span style="color:Red;">والسلام عليكم ورحمة الله وبركاتة ..</span><br /><span style="color:Blue;"><br />درسنا اليوم جميل وبسيط واضافة جماليات على المنتدي .<br /><br />بسم الله نبدا ..<br /><br />اول نفتح الفوتوشوب ونختار ملف الاستايل اللى حفظنها من الدرس الاول . .<br /><br />ونصمم التأطير ..<br /><br />فكرة التصميم مثل تصميم الهيدر والفوتر<br /><br />اطراف و صور تجميلية و نقطة تمدد<br /><br />الكل يصمم التأطير ويرفق لي صورة الاستايل كامل باهيدر والفوتر والتأطير ..<br /><br />وهذا صورة لي استايلي كامل بالهيدر والفوتر والتأطير ..<br /><br /><table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 801 * 496.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/92.jpg" alt="" border="0" height="371" width="600" /><br /><br />بعد ماصممنا نقص الاطارات .<br /><br />اول نحدد الاطارات فقط مثل ماهو واضح<br /><br /><table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 780 * 114.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/93.jpg" alt="" border="0" height="87" width="600" /><br /><br />ثم نجزء جزء علوي وجز سفلي<br /><br />هذا الجزء العلوي<br /><br /><table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 780 * 60.</td></tr></tbody></table><img id="ncode_imageresizer_container_6" src="http://glb.alasd.googlepages.com/94.jpg" alt="" border="0" height="46" width="600" /><br /><br />وهذا الجزء السفلي<br /><br /><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 780 * 61.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/95.jpg" alt="" border="0" height="46" width="600" /><br /><br />ثم نقص فكرة القص نفس طريقة قص الهيدر والفوتر ارجعو الى الدرس الثاني<br /><br />وطبق وبعد ماتنتهي من القص ارفق لي صورة من داخل المجلد<br /><br /><table id="ncode_imageresizer_warning_16" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 872 * 560.</td></tr></tbody></table><img id="ncode_imageresizer_container_16" src="http://glb.alasd.googlepages.com/96.jpg" alt="" border="0" height="385" width="600" /><br /><br />الان انتهينا من القص ..<br /><br />ناتي للتركيب في المنتدي وان شاء الله راح نركبها على القوالب الرئيسية لواجهة المنتدي ..<br /><br />وراح نركببها على قالبين فقط وهم<span style="color:Red;"> navbar</span> والمقطود بالنافبار في واجهت المنتدي<br /><br /><table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1092 * 86.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/97.jpg" alt="" border="0" height="47" width="600" /><br /><br />والقالب الثاني <span style="color:Red;">FORUMHOME</span> والمقصور بالفروم هوم ..<br /><br />اقسام المنتدي واحصائيات المنتدي<br /><br /><table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1065 * 332.</td></tr></tbody></table><img id="ncode_imageresizer_container_5" src="http://glb.alasd.googlepages.com/98.jpg" alt="" border="0" height="187" width="600" /><br /><br />اول نبدا نركب على قالب النافبار ..<br /><br />نذهب الى لوحة تحكم المنتدي<br /><br />من الإستايلات والقوالب >البحث في القوالب<br /><br />ثم نختار اسم الاستايل ونبحث عن <span style="color:Red;">navbar</span><br /><br />ثم ننسخ كود القالب كامل ونلصقة في الفرونت بيج ..<br /><br />نفتح الفرونت بيج وننتقل الى تعليمات البرمجة وحدد الكل ونحذف ثم نلصق كود النافبار ثم ننتقل من تعليمات البرمجة الى التصميم والنتيجة<br /><br /><table id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 903 * 564.</td></tr></tbody></table><img id="ncode_imageresizer_container_12" src="http://glb.alasd.googlepages.com/99.jpg" alt="" border="0" height="374" width="600" /><br /><br />الان نركب الجزء العلوي من التأطير في القالب ركزو معي ..<br /><br /><table id="ncode_imageresizer_warning_18" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 930 * 322.</td></tr></tbody></table><img id="ncode_imageresizer_container_18" src="http://glb.alasd.googlepages.com/100.jpg" alt="" border="0" height="207" width="600" /><br /><br />وتصبح النتيجة<br /><br /><table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 948 * 304.</td></tr></tbody></table><img id="ncode_imageresizer_container_7" src="http://glb.alasd.googlepages.com/101.jpg" alt="" border="0" height="192" width="600" /><br /><br />ثم نضغط بزر الفاره في اي مكان من الجدول اللى انشئناه ونختار خصائص الجدول ونطبق الاعدات التالية ..<br /><br /><img src="http://glb.alasd.googlepages.com/102.jpg" alt="" border="0" /><br /><br />نعدل المحدد باللون الاحمر فقط ..<br /><br />وتصبح النتيجة<br /><br /><table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 931 * 270.</td></tr></tbody></table><img id="ncode_imageresizer_container_10" src="http://glb.alasd.googlepages.com/103.jpg" alt="" border="0" height="174" width="600" /><br /><br />الان نركب الصور طريقة التركيب نفس طريقة تركيب الهيدر والفوتر راجع الدرس الثالث .. وتصبح النتيجة .<br /><br /><table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 930 * 295.</td></tr></tbody></table><img id="ncode_imageresizer_container_8" src="http://glb.alasd.googlepages.com/104.jpg" alt="" border="0" height="190" width="600" /><br /><br />كذا انتهينا من الجز العلوي نركب الجز السفلي من القالب ..<br /><br /><table id="ncode_imageresizer_warning_17" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 939 * 413.</td></tr></tbody></table><img id="ncode_imageresizer_container_17" src="http://glb.alasd.googlepages.com/105.jpg" alt="" border="0" height="263" width="600" /><br /><br />والنتيجة<br /><br /><table id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 922 * 371.</td></tr></tbody></table><img id="ncode_imageresizer_container_9" src="http://glb.alasd.googlepages.com/106.jpg" alt="" border="0" height="241" width="600" /><br /><br />بعدين ياحلوين نضغط بزر الفاره في اي مكان من الجدول اللى انشئناه ونختار خصائص الجدول ونطبق الاعدات التالية .<br /><br /><img src="http://glb.alasd.googlepages.com/107.jpg" alt="" border="0" /><br /><br />نعدل المحدد باللون الاحمر فقط ..<br /><br />وتصبح النتيجة<br /><br /><table id="ncode_imageresizer_warning_20" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 925 * 363.</td></tr></tbody></table><img id="ncode_imageresizer_container_20" src="http://glb.alasd.googlepages.com/108.jpg" alt="" border="0" height="235" width="600" /><br /><br />الان نركب صور الجزء السفلي طريقت التركيب الصور نفس الطريقة السابقة والنتيجة<br /><br /><table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 932 * 399.</td></tr></tbody></table><img id="ncode_imageresizer_container_11" src="http://glb.alasd.googlepages.com/109.jpg" alt="" border="0" height="256" width="600" /><br /><br />الان نعدل في الاكود نذهب الى تعليمات البرمجة<br /><br />ونحذف ماقبل اسم مجلد الاستايل مثل طريقة الهيدر والفوتر ..ثم نحدد ونقص ثم من قائمة تحرير > بحث<br /><br />نختار استبدال ونبحث عن <span style="color:Red;">file:///C:/camel/www/vb</span>/ ونستبدلة ..<br /><br />بعد ماننتهي ننسخ الكود كامل من الفرونت بيج .. ونستبدلة بقالب <span style="color:Red;">navbar</span> ونحفظ وتصبح النتيجة<br /><br /><table id="ncode_imageresizer_warning_19" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1088 * 209.</td></tr></tbody></table><img id="ncode_imageresizer_container_19" src="http://glb.alasd.googlepages.com/110.jpg" alt="" border="0" height="115" width="600" /><br /><br />الان انتهينا من قالب النافبار والحمد لله . .<br /><br />الان نبحث عن قالب <span style="color:Red;">FORUMHOME</span> وننسخة في الفرونت بيج النتيجة ..<br /><br /><table id="ncode_imageresizer_warning_14" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1140 * 638.</td></tr></tbody></table><img id="ncode_imageresizer_container_14" src="http://glb.alasd.googlepages.com/111.jpg" alt="" border="0" height="335" width="600" /><br /><br />وهذا صور بعد تركيب الصور من داخل الفرونت بيج<br /><br /><table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1141 * 396.</td></tr></tbody></table><img id="ncode_imageresizer_container_13" src="http://glb.alasd.googlepages.com/112.jpg" alt="" border="0" height="208" width="600" /><br /><br /><table id="ncode_imageresizer_warning_21" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1129 * 494.</td></tr></tbody></table><img id="ncode_imageresizer_container_21" src="http://glb.alasd.googlepages.com/113.jpg" alt="" border="0" height="262" width="600" /><br /><br />وهذ صور من داخل المنتدي<br /><br /><table id="ncode_imageresizer_warning_15" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1061 * 527.</td></tr></tbody></table><img id="ncode_imageresizer_container_15" src="http://glb.alasd.googlepages.com/114.jpg" alt="" border="0" height="298" width="600" /><br /><br />كذا انتهينا والحمد لله من التأطير ..<br /><br />وهذ رابط شرح فيديو للى ماستوعب الدرس يفهم من التطبيق ان شاء الله<br /><br />الرابط<br /><br /><span style="color:Black;"><a href="http://glb.alasd.googlepages.com/tutorials-navbarandforumhome.rar" target="_blank">:: إضغط هنا للتحميل ::</a><br /></span><br /><br />وبتوفيق للجميع ..</span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-2957287209122971368?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-78428613023529964952011-03-12T08:49:00.000-08:002011-03-14T04:16:22.054-07:00<div dir="rtl" style="text-align: center;"><span style="color:red;">تصميم وتركيب الازارير والايقونات .</span><br /><span style="color:darkgreen;">بسم الله الرحمن الرحيم ..</span><br /><span style="color:blue;"><span style="color:red;">والسلام عليكم ورحمة الله وبركاتة ..</span> </span><br /><span style="color:blue;">درسنا اليوم جداً سهل وجميل ..</span><br /><span style="color:blue;">بسم الله نيدا ..</span><br /><span style="color:blue;">اول ننشي مجلد داخل مجلد الاستايل الرئيسي ... باسم </span><span style="color:red;">buttons</span><br /><span style="color:blue;">ويصبح على هذا المسار ..</span><br /><span style="color:red;">vb/al-3zeef.net/buttons</span><br /><span style="color:blue;"><span style="color:red;">vb</span> = نسخة المنتدي ..</span><br /><span style="color:blue;"><span style="color:red;">al-3zeef.net</span> = مجلد الاستايل اللى انا شغال علية ..</span><br /><span style="color:blue;"><span style="color:red;">buttons</span> = مجلد الازارير ..</span><br /><span style="color:blue;">والازارير هي</span><br /><span style="color:blue;">موضوع جديد .. اضافة رد .. اقتباس .. مغلق .. الخ </span><br /><span style="color:blue;">ثم ننشي مجلد اخر باسم </span><span style="color:red;">statusicon</span><br /><span style="color:blue;">ويصبح على هذا المسار</span><br /><span style="color:red;">vb/al-3zeef.net/statusicon</span><br /><span style="color:blue;"><span style="color:red;">statusicon</span> </span><br /><span style="color:blue;">يوجد في داخلة موضوع جديد موضوع قديم موضوع مغلق .. الخ </span><br /><span style="color:blue;">نصيحتي انسخ مجلد <span style="color:red;">buttons</span> من داخل مجلد </span><span style="color:red;">images</span><br /><span style="color:blue;">اكيد بتسألون من وين نجيب مجلد </span><span style="color:red;">images </span><br /><span style="color:blue;">نجيبة من نسخة المنتدي ..</span><br /><span style="color:blue;">ويوجد على هذا المسار ..</span><br /><span style="color:red;">vb/images</span><br /><span style="color:blue;">طبعن داخل مجلد <span style="color:red;">images</span> توجد عدة مجلدات ..</span><br /><span style="color:blue;">منها مجلد الازارير </span><span style="color:red;">buttons</span><br /><span style="color:blue;">ومجلد المواضيع الايقونات </span><span style="color:red;">statusicon</span><br /><span style="color:blue;">الان ننسخ هذا المجلدين فقط في درسنا ..</span><br /><span style="color:blue;">اللى هي <span style="color:red;">buttons</span> و </span><span style="color:red;">statusicon</span><br /><span style="color:blue;">الى مجلد استايلك .. </span><br /><span style="color:blue;">وتصبح على هذا المسار ..</span><br /><span style="color:red;">vb/al-3zeef.net/buttons</span><br /><span style="color:red;">vb/al-3zeef.net/statusicon</span><br /><span style="color:blue;">نبدا نصمم ..</span><br /><span style="color:blue;">بسم الله اول نفتح الفوتوشوب ..</span><br /><span style="color:blue;">نفتح عمل جديد بمقسات التالية او اي مقاس يناسبك ..</span><br /><span style="color:blue;"><span style="color:red;">50</span>*<span style="color:red;">150</span> </span><br /><span style="color:blue;">ثم نصمم الشكل اللى يناسبك ..</span><br /><span style="color:blue;">ثم نكتب على التصميم موضوع جديد .. ثم نحفظه بصيغة <span style="color:darkgreen;">gif</span> </span><br /><span style="color:blue;">بهذا الاسم </span><span style="color:darkgreen;">newthread.gif</span><br /><span style="color:blue;">مكان حفظة في مجلد <span style="color:darkgreen;">buttons</span> اللى نسخنه داخل مجلد استايلك ..</span><br /><span style="color:blue;">ولمن تحفظ يقولك استبدال قوله موافق..</span><br /><span style="color:blue;">على هذا المنوال في تصميم الازارير </span><br /><span style="color:blue;">صمم اضافة رد واحفظة بصيغة<span style="color:darkgreen;"> gif</span> </span><br /><span style="color:blue;">في نفس المكان الاول وسوي استبدال ..</span><br /><span style="color:blue;">الين تخلص من الازارير </span><br /><span style="color:blue;">ونفس الطريقة على مجلد</span><span style="color:darkgreen;"> statusicon</span><br /><span style="color:blue;">انت اول ادخل على هذا المجلدين وراح تعرف ايش تصمم .</span><br /><span style="color:blue;">اللى هي</span><span style="color:darkgreen;"> buttons و statusicon</span><br /><span style="color:blue;">وجميع الصور تحفظ بصيغة <span style="color:darkgreen;">gif</span> </span><br /><span style="color:blue;">وطريقة التركيب بعد ماننتهي من للتصميم</span><br /><span style="color:blue;">لوحة تحكم الإدارة>>الإستايلات والقوالب </span><br /><span style="color:blue;">التحكم بالإستايلات اختر الاستايل ثم اذهب</span><br /><span style="color:blue;">هذا صورة من الاستايل الرئيسي ..</span><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 825 * 400.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/90.jpg" alt="" border="0" height="290" width="600" /><br /><span style="color:blue;">بعد التعديل تصبح </span><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 827 * 375.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/91.jpg" alt="" border="0" height="272" width="600" /><br /><span style="color:blue;">الفكره انك بعد ماتصمم الازارير وكل شي يصح جاهز ..</span><br /><span style="color:blue;">نعدل في المسار </span><br /><span style="color:blue;">كيف نحذف اسم <span style="color:darkgreen;">images</span> ونضيف اسم المجلد الرئيسي حق الاستايل </span><span style="color:darkgreen;">al-azeef.net</span><br /><span style="color:blue;">وبتوفيق للجميع ..</span> <br /><br /><br /><br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-7842861302352996495?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-75762317589294806722011-03-12T08:48:00.000-08:002011-03-14T04:16:36.627-07:00<div dir="rtl" style="text-align: center;"><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:red;"><b>شرح اعدادات ال css الخاصة بالاستايل</b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:darkgreen;"><b>بسم الله الرحمن الرحيم</b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:indigo;"><b>والسلام عليكم ورحمة الله وبركاتة ..</b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>الان نكمل الاستايل وننسق الالوان مع الهيدر والفوتر .. عن طريق css</b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>للذهاب الى قائمة css ندخل لوحة التحكم ثم </b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>الإستايلات والقوالب >> التحكم بالإستايلات >></b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>ثم اسم الاستايل بعدين اختاراذهب .. </b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>اخواني انا بعرض عليكم الصور والمكان الخاص فية بالاسم كل ماعليك انت انك</b></span></span></span><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>تعدل على الاستايل حسب الشرح الواضح امامك ..</b></span></span></span><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1125 * 537.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/84.jpg" alt="" border="0" height="286" width="600" /><br /><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1078 * 341.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/85.jpg" alt="" border="0" height="189" width="600" /></b></span></span></span><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 676 * 385.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/86.jpg" alt="" border="0" height="341" width="600" /><br /><br /><br /><table style="text-align: left; margin-left: auto; margin-right: auto;" id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1094 * 247.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/87.jpg" alt="" border="0" height="135" width="600" /><br /><br /><img src="http://glb.alasd.googlepages.com/88.jpg" alt="" border="0" /><br /><br /><img src="http://glb.alasd.googlepages.com/89.jpg" alt="" border="0" /><br /><br /><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:blue;"><b>انتهى الدرس ..</b></span></span></span> <div id="post_message_180867"><br /></div></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-7576231758929480672?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-26647301090124781702011-03-12T08:46:00.000-08:002011-03-14T04:17:00.738-07:00<div dir="rtl" style="text-align: right;"><div align="center"><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:DarkGreen;">بسم الله الرحمن الرحيم </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">والسلام عليكم ورحمة الله وبركاتة </span></span></span><span style="font-family:Arial;"><span style="color:Red;"><br /></span><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الكل يطبق الدرس الثالث في توزيع الاستايل وبعد مايوزع ننتقل الى تعليمات البرمجة</span></span></span><span style="font-family:Arial;"><br /><br /><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Black;">الان ننتقل الى تعليمات البرمجية ..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><table id="ncode_imageresizer_warning_14" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 926 * 495.</td></tr></tbody></table><img id="ncode_imageresizer_container_14" src="http://glb.alasd.googlepages.com/68.jpg" alt="" border="0" height="320" width="600" /></span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نقوم بتحديد ماقبل اسم المجلد الرئيسي للستايل مثل ماهو واضح امامكم</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="color:Blue;"><span style="font-size:100%;"><span style="font-family:Arial;"><table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 925 * 473.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/69.jpg" alt="" border="0" height="306" width="600" /></span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ونحذف<span style="color:Red;"> ctrl+x </span></span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">بعد ماقصينا نختار من قائمة<span style="color:Red;"> تحرير> بحث</span> </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ونختار استبدال</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نلصق اللى قصيناه في مربع البحث عن </span></span></span><span style="font-family:Arial;"><br /><br /><img src="http://glb.alasd.googlepages.com/70.jpg" alt="" border="0" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نضغط استبدال الكل ثم موافق </span></span></span><span style="font-family:Arial;"><br /><br /><img src="http://glb.alasd.googlepages.com/71.jpg" alt="" border="0" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم اغلاق</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">والنتيجة ..</span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 855 * 508.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/72.jpg" alt="" border="0" height="356" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان يجب ان نعرف ايت اللى للهيدر وايت اللى للفوتر ..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">اللي بلون الاصفر للهيدر واللي بالزرق للفوتر </span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 855 * 508.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/73.jpg" alt="" border="0" height="356" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">باقي التركيب الاستايل في المنتدي ..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نذهب الى لوحة تحكم الادارة ..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">من الإستايلات والقوالب نختار >> البحث في القوالب</span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 855 * 206.</td></tr></tbody></table><img id="ncode_imageresizer_container_6" src="http://glb.alasd.googlepages.com/74.jpg" alt="" border="0" height="144" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم بحث والنتيجة </span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 869 * 343.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/75.jpg" alt="" border="0" height="236" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نضغط مرتين على الهيدر</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نحدد الجزء الواضح امامكم ونحذفة </span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 849 * 588.</td></tr></tbody></table><img id="ncode_imageresizer_container_9" src="http://glb.alasd.googlepages.com/76.jpg" alt="" border="0" height="415" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نلصق بدلة كود الهيدر من الفرونت بيج </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والنتيجة ..</span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 831 * 606.</td></tr></tbody></table><img id="ncode_imageresizer_container_11" src="http://glb.alasd.googlepages.com/77.jpg" alt="" border="0" height="437" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم حفظ </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نركب الفوتر</span></span></span><span style="font-family:Arial;"><br /><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">من الإستايلات والقوالب نختار >> البحث في القوالب</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نختار اسم الاستايل ونكتب <span style="color:Red;">footer</span></span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 861 * 225.</td></tr></tbody></table><img id="ncode_imageresizer_container_12" src="http://glb.alasd.googlepages.com/78.jpg" alt="" border="0" height="156" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم بحث</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">والنتيجة </span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 865 * 342.</td></tr></tbody></table><img id="ncode_imageresizer_container_13" src="http://glb.alasd.googlepages.com/79.jpg" alt="" border="0" height="237" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نضغط على الفوتر مرتين </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم ننزل الى اخر الكود الموجود ثم نضغط انتر من الكيبور مرتنين ثم نضيف كود الفوتر </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم حفظ</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الان نروح للستايل ونشاهده كيف ..</span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1147 * 634.</td></tr></tbody></table><img id="ncode_imageresizer_container_7" src="http://glb.alasd.googlepages.com/80.jpg" alt="" border="0" height="331" width="600" /></span><span style="font-family:Arial;"><br /><table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1149 * 377.</td></tr></tbody></table><img id="ncode_imageresizer_container_8" src="http://glb.alasd.googlepages.com/81.jpg" alt="" border="0" height="196" width="600" /></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 1147 * 180.</td></tr></tbody></table><img id="ncode_imageresizer_container_10" src="http://glb.alasd.googlepages.com/82.jpg" alt="" border="0" height="94" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">لو تلاحظون الفراغات اللى في اطراف يعني ماهو مشدود للاخير الاستايل ..</span></span></span><span style="font-family:Arial;"><br /><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">طريقت ازالتها </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">نذهب الى لوحة تحكم الادارة ..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Red;">من الإستايلات والقوالب >>التحكم بالإستايلات</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نختار الاستايل اللى بنعدل علية ثم اختار اذهب </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم نطبق مثل ماهو واضح امامكم</span></span></span><span style="font-family:Arial;"><br /><br /><table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 826 * 220.</td></tr></tbody></table><img id="ncode_imageresizer_container_5" src="http://glb.alasd.googlepages.com/83.jpg" alt="" border="0" height="159" width="600" /></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">ثم حفظ وشاهد الاستايل بعد ذالك</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">وهذا تطبيق عملي للدرس </span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">رابط شرح فيديو لتركيب الهيدر والفوتر + تعيل الاكواد + تركيب الاستايل في المنتدي..</span></span></span><span style="font-family:Arial;"><br /><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;">الرابط</span></span></span><span style="font-family:Arial;"><br /><br /></span></b><a href="http://glb.alasd.googlepages.com/tutorials-headerandfooter.rar" target="_blank"><span style="font-family:Arial;"><u><span style="font-size:100%;"><span style="color:Red;">:: للتحميل إضغط هنا ::</span></span></u></span></a><b><span style="font-family:Arial;"><br /></span><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"><br /><br />ياخوان اللي يركب الاستايل في المنتدي وماظهرت معة الصور .. يرفع ملف الاستايل الى مجلد vb اللى ركبنها في درس تركيب السيرفر الشخصي<br /><br />وبتوفيق للجميه<br /><br /><br /><u><span style="color:Black;">الدرس القادم تنسيق css ..</span></u></span></span></span></b><br /><br /><br /><br /><br /><b><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"><span style="color:Indigo;"><br /><span style="color:Purple;"><br /></span> <span style="font-size:130%;"><span style="color:Red;"><span style="color:Purple;">وآسف أحبتي على الإطالة ... بالشرح<br /><br /><br />فإن اصبنا فمن الله سبحانه وتعالى وانا اخطئنا فمن انفسنا و الشيطان ..</span><br /></span></span><br /></span></span></span></span></b> <br /></div> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-2664730109012478170?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0tag:blogger.com,1999:blog-8904496929527109034.post-46061712067274289432011-03-12T08:44:00.000-08:002011-03-14T04:17:15.507-07:00<div dir="rtl" style="text-align: center; font-weight: bold;"><span style="font-family:Arial;"><span style="font-size:100%;"><span style="color:Blue;"><span style="color:DarkGreen;">بسم الله الرحمن الرحيم ..</span><br /><br /><span style="color:Red;">والسلام عليكم ورحمة الله وبركاتة ..</span><br /><br /><span style="color:Black;">الدرس الثالث توزيع الصور في الفرونت بيج + تعديل الاكواد + تركيب الاستايل في المنتدي</span><br /><br /><span style="color:Purple;">قمت بتعديل علية وقسمتة الى درسين . . درس توزيع الصور في الفرونت بيج ..<br /><br />والدرس الرابع تعديل الاكواد + تركيب الاستايل في المنتدي ..<br /><br />انا كنت بقدمة في درس واحد بس قلت التوزيع يحتاج وقفة معكم ..<br /><br />لانو تصاميمكم طريقة توزيع الاستايل بعد التقطيع تختلف عند البعض ..<br /><br />وهذا اللى خلاني اقسم الدرس..</span><br /><br /><br />بسم الله نبدا بتوزيع الاستايل ..<br /><br />اول اتمنى من الجميع انه انشاء ملف جديد وحط بداخلة مجلد الصور ..<br /><br /><br /><br />بعد مانتهينا من تقطيع الاستايل ..<br /><br />نركبه في الفرونت بيج<br /><br />اول نفتح الفرونت بيج من قائمة<br /><br />ابدأ >كافة البرامج ><span style="color:Red;">Microsoft Office</span><br /><br />نختار <span style="color:Red;">Microsoft Office FrontPage 2003</span><br /><br />نذهب الى تعليمات برمجية<br /><br /><img src="http://glb.alasd.googlepages.com/35.jpg" alt="" border="0" /><br /><br /><table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 922 * 673.</td></tr></tbody></table><img id="ncode_imageresizer_container_3" src="http://glb.alasd.googlepages.com/36.jpg" alt="" border="0" height="437" width="600" /><br /><br /><table id="ncode_imageresizer_warning_21" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 912 * 683.</td></tr></tbody></table><img id="ncode_imageresizer_container_21" src="http://glb.alasd.googlepages.com/37.jpg" alt="" border="0" height="449" width="600" /><br /><br /><br /><br /><br />بعد ماحذفنا نرجع للتصميم<br /><br /><img src="http://glb.alasd.googlepages.com/38.jpg" alt="" border="0" /><br /><br />من قائمة ادراج جدول ونضيف ثلاث صفوف وثلاثة اعمدة<br /><br /><table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 947 * 175.</td></tr></tbody></table><img id="ncode_imageresizer_container_4" src="http://glb.alasd.googlepages.com/39.jpg" alt="" border="0" height="110" width="600" /><br /><br /><table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 938 * 251.</td></tr></tbody></table><img id="ncode_imageresizer_container_6" src="http://glb.alasd.googlepages.com/40.jpg" alt="" border="0" height="160" width="600" /><br /><br />ثم نضغط بزر الفارة الايمن ونختار خصائص الجدول<br /><br /><table id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 919 * 454.</td></tr></tbody></table><img id="ncode_imageresizer_container_9" src="http://glb.alasd.googlepages.com/41.jpg" alt="" border="0" height="296" width="600" /><br /><br />ثم نطبق الاعدادات التالية<br /><br /><img src="http://glb.alasd.googlepages.com/42.jpg" alt="" border="0" /><br /><br />المحاذاه :: <span style="color:Red;">توسيط</span><br /><br />نطاق الخلية :: <span style="color:Red;">صفر<br /></span><br />المسافة بين الخلايا : <span style="color:Red;">صفر</span><br /><br />اتجاه الجدول ::<span style="color:Red;"> يمين- يسار</span><br /><br />الحجم ::<span style="color:Red;"> صفر</span><br /><br /><span style="color:Red;">ثم موافق</span><br /><br />النتيجة<br /><br /><table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 935 * 169.</td></tr></tbody></table><img id="ncode_imageresizer_container_2" src="http://glb.alasd.googlepages.com/43.jpg" alt="" border="0" height="108" width="600" /><br /><br />الان نضيف الصور ..<br /><br /><table id="ncode_imageresizer_warning_24" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 934 * 691.</td></tr></tbody></table><img id="ncode_imageresizer_container_24" src="http://glb.alasd.googlepages.com/44.jpg" alt="" border="0" height="443" width="600" /><br /><br /><table id="ncode_imageresizer_warning_22" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 925 * 240.</td></tr></tbody></table><img id="ncode_imageresizer_container_22" src="http://glb.alasd.googlepages.com/45.jpg" alt="" border="0" height="155" width="600" /><br /><br /><table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 925 * 240.</td></tr></tbody></table><img id="ncode_imageresizer_container_8" src="http://glb.alasd.googlepages.com/46.jpg" alt="" border="0" height="155" width="600" /><br /><br /><table id="ncode_imageresizer_warning_19" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 933 * 309.</td></tr></tbody></table><img id="ncode_imageresizer_container_19" src="http://glb.alasd.googlepages.com/47.jpg" alt="" border="0" height="198" width="600" /><br /><br />والنتيجة<br /><br /><table id="ncode_imageresizer_warning_25" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 925 * 244.</td></tr></tbody></table><img id="ncode_imageresizer_container_25" src="http://glb.alasd.googlepages.com/48.jpg" alt="" border="0" height="158" width="600" /><br /><br />الان بعد ماضفنا اطراف الهيدر نروح نضيف اطراف الفوتر ووتصبح النتيجة كما تشاهدون<br /><br /><table id="ncode_imageresizer_warning_17" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 922 * 287.</td></tr></tbody></table><img id="ncode_imageresizer_container_17" src="http://glb.alasd.googlepages.com/49.jpg" alt="" border="0" height="186" width="600" /><br /><br />والان نضيف نقاط التمدد للهيدر والفوتر<br /><br />نضغط بزر الفارة في وسط الجدول للهيدر ونختار خصائص الخلية<br /><br /><table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 918 * 372.</td></tr></tbody></table><img id="ncode_imageresizer_container_13" src="http://glb.alasd.googlepages.com/50.jpg" alt="" border="0" height="243" width="600" /><br /><br />ونختار استعراض<br /><br />نختار نقطة التمدد ثم فتح ..<br /><br /><img src="http://glb.alasd.googlepages.com/51.jpg" alt="" border="0" /><br /><br /><img src="http://glb.alasd.googlepages.com/52.jpg" alt="" border="0" /><br /><br /><img src="http://glb.alasd.googlepages.com/53.jpg" alt="" border="0" /><br /><br />والنتيجة<br /><br /><table id="ncode_imageresizer_warning_16" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 924 * 277.</td></tr></tbody></table><img id="ncode_imageresizer_container_16" src="http://glb.alasd.googlepages.com/54.jpg" alt="" border="0" height="179" width="600" /><br /><br />الان نضيف نقطة تمدد للفوتر نفس الخطوات السابقة والنتيجة<br /><br /><table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 919 * 269.</td></tr></tbody></table><img id="ncode_imageresizer_container_1" src="http://glb.alasd.googlepages.com/55.jpg" alt="" border="0" height="175" width="600" /><br /><br />الان نضغط بزر الفارة في وسط الجدول للهيدر<br /><br />وبرز الفارة الايمن نختار تقسيم الخلايا..<br /><br /><table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 913 * 344.</td></tr></tbody></table><img id="ncode_imageresizer_container_5" src="http://glb.alasd.googlepages.com/56.jpg" alt="" border="0" height="226" width="600" /><br /><br /><img src="http://glb.alasd.googlepages.com/57.jpg" alt="" border="0" /><br /><br /><span style="color:Black;">هنا نختار انقسام الى الاعمدة ..<br /><br />وعدد الاعمدة هنا تختار الرقم حسب الصور التجميلية اللى في تصميمك..<br /><br />مثل انا اخترت 3 لنو الصور التجميلية عندي ثلاثة يمين ويسار ووسط ..<br /><br />اذا عندك الصور التجميلية يمين ويسار تختار 2 .. ارجو ان اكون وضحت لكم ..<br /></span><br />ثم نختار موافق والنتيجة تصبح ..<br /><br /><table id="ncode_imageresizer_warning_23" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 921 * 261.</td></tr></tbody></table><img id="ncode_imageresizer_container_23" src="http://glb.alasd.googlepages.com/58.jpg" alt="" border="0" height="170" width="600" /><br /><br />الان نضيف الصور التجميلية للهيدر<br /><br /><table id="ncode_imageresizer_warning_14" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 921 * 247.</td></tr></tbody></table><img id="ncode_imageresizer_container_14" src="http://glb.alasd.googlepages.com/59.jpg" alt="" border="0" height="160" width="600" /><br /><br />والنتيجة<br /><br /><table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 944 * 335.</td></tr></tbody></table><img id="ncode_imageresizer_container_7" src="http://glb.alasd.googlepages.com/60.jpg" alt="" border="0" height="212" width="600" /><br /><br />الان نختار الصورة التجميلية اليمنى وختار محاذاه الى اليمين<br /><br /><table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 927 * 352.</td></tr></tbody></table><img id="ncode_imageresizer_container_11" src="http://glb.alasd.googlepages.com/61.jpg" alt="" border="0" height="227" width="600" /><br /><br />واليسرا محاذاه الى اليسار<br /><br /><table id="ncode_imageresizer_warning_15" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 929 * 314.</td></tr></tbody></table><img id="ncode_imageresizer_container_15" src="http://glb.alasd.googlepages.com/62.jpg" alt="" border="0" height="202" width="600" /><br /><br />والوسطى توسيط<br /><br /><table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 932 * 314.</td></tr></tbody></table><img id="ncode_imageresizer_container_10" src="http://glb.alasd.googlepages.com/63.jpg" alt="" border="0" height="202" width="600" /><br /><br />والناتج<br /><br /><table id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 918 * 243.</td></tr></tbody></table><img id="ncode_imageresizer_container_12" src="http://glb.alasd.googlepages.com/64.jpg" alt="" border="0" height="158" width="600" /><br /><br /><span style="color:Black;">كذا انتهينا من الهيدر نروح للفوتر ..<br /><br />نضغط بزر الفارة الايمن في وسط الفوتر ونختار تقسيم الخلايا<br /><br />الان انا اخترت العدد الاعمدة 2<br /></span><br /><img src="http://glb.alasd.googlepages.com/65.jpg" alt="" border="0" /><br /><br />والناتج<br /><br /><table id="ncode_imageresizer_warning_18" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 921 * 239.</td></tr></tbody></table><img id="ncode_imageresizer_container_18" src="http://glb.alasd.googlepages.com/66.jpg" alt="" border="0" height="155" width="600" /><br /><br />الان نضيف الصور مثل ماتعلمن في اول الدرس<br /><br />بعد مانضيف الصور نحدد على الصورة اليمنى ونختار محاذاة الي اليمين<br /><br />واليسرا محاذاة الى اليسار مثل مافعلنا في الصور التجميلية للهيدر ..<br /><br />والنتيجة<br /><br /><table id="ncode_imageresizer_warning_20" class="ncode_imageresizer_warning" width="600"><tbody><tr><td class="td1" width="20"><img alt="" src="http://www.al3zeef.com/vb/images/statusicon/wol_error.gif" border="0" height="16" width="16" /></td><td class="td2">تم تصغير هذه الصورة. إضغط هنا لرؤية الصورة كاملة. الحجم الأصلي للصورة هو 918 * 269.</td></tr></tbody></table><img id="ncode_imageresizer_container_20" src="http://glb.alasd.googlepages.com/67.jpg" alt="" border="0" height="175" width="600" /><br /><br />كذا انتهينا من توزيع الاستايل ..<br /><br /><span style="color:Indigo;"> باقي لنا تعديل الاكواد ونركب الاستايل في المنتدي .. في الدرس القادم ان شاء الله<br /><br /><br /><br /><br /><span style="font-size:130%;"><span style="color:Red;">وآسف أحبتي على الإطالة ... بالشرح<br /><br /><br />فإن اصبنا فمن الله سبحانه وتعالى وانا اخطئنا فمن انفسنا و الشيطان ..<br /></span></span><br /></span></span></span></span> <br /></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/8904496929527109034-4606171206727428943?l=mr-lion.blogspot.com' alt='' /></div>mr-lionhttp://www.blogger.com/profile/01796860722485338787noreply@blogger.com0