منتدى فريق جيوش هكر العراق

<!-- ssaallmm جميع الحقوق محفوظة لـ -->
<p align="center"><font face="Tahoma">أهلا وسهلا بكـ مرة أخرى يا,
$bbuserinfo[username].</font></p>
<p align="center"><font face="Tahoma">نور المنتدى بوجودك</font></p>
<p align="center"><font face="Tahoma">إن شاء الله تفيد وتستفيد  </font></p>
<p align="center"><font color="#FF0000" face="Tahoma">لاتدع الشيطان يلهيك عن
أداء الصلاة في وقتها  </font></p>
<p align="center"><font face="Tahoma">مع تحيات فريق إدارة منتديات أهل الأنبار </font></p>
<!-- ssaallmm جميع الحقوق محفوظة لـ -->

منتدى فريق جيوش هكر العراق

اي شي تريد تلكية
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

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

نتائج البحث
 
Rechercher بحث متقدم
الساعة اليوم
عدد زوار المنتدى
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية Digg  تسجيل صفحاتك المفضلة في مواقع خارجية Delicious  تسجيل صفحاتك المفضلة في مواقع خارجية Reddit  تسجيل صفحاتك المفضلة في مواقع خارجية Stumbleupon  تسجيل صفحاتك المفضلة في مواقع خارجية Slashdot  تسجيل صفحاتك المفضلة في مواقع خارجية Yahoo  تسجيل صفحاتك المفضلة في مواقع خارجية Google  تسجيل صفحاتك المفضلة في مواقع خارجية Blinklist  تسجيل صفحاتك المفضلة في مواقع خارجية Blogmarks  تسجيل صفحاتك المفضلة في مواقع خارجية Technorati  

قم بحفض و مشاطرة الرابط منتدى فريق جيوش هكر العراق على موقع حفض الصفحات
تويتر
احصيات المنتدى
PageRank
زوار المنتدى
Flag Counter
اعلان
حصل على برنامج Adobe Flash player

شاطر | 
 

 دورة مطور لتصميم الاستايلات(درس تأطير الاقسام الرئيسية)

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المدير العام

avatar

الجدي عدد المساهمات : 263
نقاط : 1104
السٌّمعَة : 0
تاريخ التسجيل : 22/04/2012
العمر : 22
الموقع : العراق

مُساهمةموضوع: دورة مطور لتصميم الاستايلات(درس تأطير الاقسام الرئيسية)    الثلاثاء يوليو 09, 2013 1:22 pm

[b class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: arial; font-size: large; font-weight: bold; -webkit-border-horizontal-spacing: 1px; -webkit-border-vertical-spacing: 1px; "]الدرس الخامس:شرح تأطير الاقسام الرئيسية 

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

نستكمل معكم ما بدأنا به 
ونأتى لدرس تأطير الاقسام

اولا: شرح كيفية عمل التأطير على الفوتوشوب + تقطيعه +تصديره

الشرح فيديو

حمل الفيديو من هــــنا

الحجم: 12 ميجا


ملاحظه هامه: بعد الانتهاء من العمل اللى فى الفيديو, لا تنسى وتحفظ العمل الذى قمت به على هيئة ملف psd لاننا راح نستخدمه لاحقا فى هذا الدرس


ثانيا: توزيع صور التأطير على الفرونت بيج حول الاقسام 

1- نروح نفتح الفرونت بيج
2-نضغط على code ثم نحذف كل مابه 




3-بما ان الاقسام فى مطور مفصولة , راح نستخدم قالبين جاهزين للعمل عليهم

قم بتحميل القالبين من المرفقات واسماء القوالب هى

1- forumhome
2- forumhome_forumbit_level1-nopost

4- افتح بالمفكرة القالب الثانى forumhome_forumbit_level1-nopost
ثم انسخ كل الكود , وقم بلصقه فى الفرونت بيح بدل الكود اللى حذفناه




5- الحين اضغط بالماوس بالمنطقة المشار اليها كما بالصورة, ثم 
قم بأضافة ثلاثة جداول علوية





6- بالمثل نقوم بأضافة ثلاثة جدول سفلية اصفل القالب مباشرة




7- الحين راح يكون الشكل هيك:




8- الحين راح نقوم بتوزيع الصور الخاصة بالتأطير اللى قم بعملها فى شرح الفيديو فوق......

ولكن لاحظ (مهم) اننا راح نقوم بعكس التوزيع للصور

يعنى اللى فى اليسار راح نضفيه للجدول اليمين والعكس

شوف الصورة




شوفت ,التوزيع بالعكس , 

طبعا كل جدول راح تستودر الصوره الخاصة به

وتسوى مثل ما شرحنا فى تصميم الهيدر ( لكن بالعكس)

وحتى تعرف ارقام الصور اللى راح تضفها لكل جدول

افتح ملف psd اللى كنا حفظناه وشوف كل رقم قطعه , واستورد الرقم الخاص بالصورة فى الجدول المناسب لها ( لا تنسى بالعكس :p)


الحين بعد ما اضفنا الصور راح يكون الشكل هيك



الحين نأتى للظبط

9- اولا/ 
شوف الصور 4و2
والصور 9 و11

راح نجعلهم خلية

راح أعطى مثال على صورة واحدة وتطبق الباقى على الصور الباقية

الحين دبل كليك على الصورة رقم 4 ثم نحفظ ارقام المقاسات 

الحين وانت على نفس الصورة(4) , اضغط كليك يمين ثم اختار cell properties

ثم راح نلصق المقاسات كما فى الصورة الاتيه:



طبق الكلام السابق على الصور 2 و 9 و 11

######

والحين نأتى للصور 3و10 اللى فى الوسط

وهذه راح نجلعها خلفية

طبعا هالموضوع شرحته من قبل فى درسنا السابق(تصميم الهيدر والفوتر)
يعنى الفكرة واحده

شوف راح نضغط دبل كليك على الصوره 
ثم نضغط على general فوق وننسخ رابط الصورة فوق






ثم قم بحذف الصوره هذه



ثم وانت على الجدول الاوسط اللى حذفنا منه الصوره

كليك يمين ثم اختار cell properties

ثم نلصق مسار الصورة 







ونطبق السابق بالمثل على الصورة الوسطى السفلى رقم 10

########



10- ثم نقوم بعمل الاتى لنختم عملنا
وهو ازالة حدود الجداول


على اى جدول علوى 


كليك يمين -- ثم table properties

شوف راح نصفر ونوسط القيم 






بالمثل نسوى ذلك على الجداول السفلية


نختار اى واحد


كليك يمين ثم اختار table properties


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



الحين نروح نضغط على كلمة كود code باسفل الفرونت بيج

ونقوم بنسخ الكود كله ....

ونحفظه فى مفكرة


والحين 

للوحة تحكم المنتدى ثم الاستايلات والقوالب ثم البحث قفى القوالب

ثم نقوم بالبحث عن قالب forumhome_forumbit










ونحذف الكود الموجود ونستبدله بالكود اللى فى المرفق اللى اسمه 

forumhome_forumbit_level1_nopost








بالمثل نروح نبحث فى القوالب عن قالب forumhome ثم نمسح الكود الموجود ونستبدله بالقالب المرفق اللى اسمه forumhome

طبعا انا استخدمت هالقالب , لان الاقسام مفصولة عن بعضها 

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


الحين نروح للمنتدى ونشوف






والى هنا ينتهى الدرس
[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://hakraliraq.montadalhilal.com
 
دورة مطور لتصميم الاستايلات(درس تأطير الاقسام الرئيسية)
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى فريق جيوش هكر العراق :: دورات تعليم وتصميم الإستايلات-
انتقل الى: