3 استفسارات بسيطه <<:)

[K H Y A L Y]

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

بادئ ذي بدأ احب اشكر جميع القائمين على هذا الصرح الراقي

واللي تعلمت منه اشياء كانت تخفى علي

ودروووس قمه بالروعه وعطاء راقي جدا


يعكس روح طيبه عند جميع رواد هذا الصرح الراقي

^_^



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

مجرد تصاميم .. وتقطيع ..

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

بس عندي استفسارات بسيطه اخواني ..!


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

الرئيسيه .. التسجيل .. البحث

هل لما اركب الهيدر تركب والا لها طريقه معينه لتشغيلها ..!

بان اقطعها واحط لها ارتباط تشعبي بالفرونت بيج <<< يمدحون الذكاء المفرط



.................................................. ................

وتأطير الاقسام اخواني ..

شفت دروس تأطير لكن بالدريم ويفر ..

اتمنى تدلوني على دروس شرح بالفرونت بيج ..!


............................................


وبالنسبه لو ابي احط .. خلفيه للمنتدى لون او صوره معينه

هل عن طريق الفرونت بيج ام انه بتقنيه ال css

>>>>>>>>>>>!


ما ادري احس اني زودتها ^_^

تحملونا


لانه من جد حبيت هالمجال وودي اتعلمه ..

ولما دخلت هنا وشفت الدروس والشروحات والتفاعل

تحمست اكثر بصراحه

..

ويعطيكم الف الف الف عافيه على هالدروس والشروحات اللي من جد تعلمت منهم كثير

^_^

[خ ــادم الإسلام]

وعليكم السلام يا هلا فيك اخوي

المنتدى منتداك ونشكر كل من ساهم فيه ولو بمشاركة واحده فهو يولد تفاعل وخدمه افضل

بالنسبة للاستفسارات

1
انت تقوم بتقطيع الازرار وتضع فيها الروابط التشعيبيه
2
الشرح بالمشاركة التاليه مع كل الشكر لمن قام بتنفيذه
3
تابع دروس الاخ قناص جوبا وراح تتعلم منه الكثير بامر الله
http://www.mrsavb.com/vb/search.php?do=finduser&u=2667&starteronly=1

[خ ــادم الإسلام]

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

الشرح فيديو

حمل الفيديو من هــــنا (http://www.zshare.net/download/170308776808c298/)

الحجم: 12 ميجا


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


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

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

http://www.mtwer.com/index.php?action=getfile&id=1187


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

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

1- forumhome
2- forumhome_forumbit_level1-nopost

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

http://www.mtwer.com/index.php?action=getfile&id=1188


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

http://www.mtwer.com/index.php?action=getfile&id=1189

http://www.mtwer.com/index.php?action=getfile&id=1190

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

http://www.mtwer.com/index.php?action=getfile&id=1191


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

http://www.mtwer.com/index.php?action=getfile&id=1192


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

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

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

شوف الصورة

http://www.mtwer.com/index.php?action=getfile&id=1193


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

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

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

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

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


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

http://www.mtwer.com/index.php?action=getfile&id=1194

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

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

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

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

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

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

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

http://www.mtwer.com/index.php?action=getfile&id=1195

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

######

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

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

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

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


http://www.mtwer.com/index.php?action=getfile&id=1196



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

http://www.mtwer.com/index.php?action=getfile&id=1198

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

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

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



http://www.mtwer.com/index.php?action=getfile&id=1197



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

########



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


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


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

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


http://www.mtwer.com/index.php?action=getfile&id=1199



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


نختار اى واحد


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


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



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

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

ونحفظه فى


والحين

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

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



http://www.mtwer.com/index.php?action=getfile&id=1200



http://www.mtwer.com/index.php?action=getfile&id=1201


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

forumhome_forumbit_level1_nopost



http://www.mtwer.com/index.php?action=getfile&id=1202




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

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

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


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



http://www.mtwer.com/index.php?action=getfile&id=1203


والى هنا ينتهى الدرس

[K H Y A L Y]

اخوي خادم الاسلام

ربي يحفظك ويوفقك

ويجزاك الف الف الف الف خير

قدمت لي مساعده ما راح انساها ابدا يالغالي

وربي يقدرنا على رد الجميل ^_^

ما قصرت يالغالي

[خ ــادم الإسلام]

حياك الله حبيب قلبي

وما سوينا غير الواجب واي خدمات اخرى حاذرين باذن الكريم