[ د-م-1 | 6 ] - دورة تصميم ستايل منتديات - نقل القوالب الى الفرونت بيج

[X100]

http://mexat.com/vb/attachment.php?attachmentid=1282799&stc=1&d=1286908991




كيف حالكم جميعاً متابعي الدورة :D ؟


ان شاء الله بخير وصحة وعافية ..


http://mexat.com/vb/attachment.php?attachmentid=1282800&stc=1&d=1286908991



أقدم لكم الدرس السادس من دورة تصميم الستايل ،، بعد ان قطعنا شوطاً كبيراً جداً ..


( تركيب اطارات القوالب بالفرونت بيج والعمل عليها )


اولا آسف على التأخير كثيراً بهذا الدرس ، وذلك يعود لفقدان بعض الملفات المهمة بهذا الدرس

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

ارجو المعذرة منكم مرة اخرى



بالنسبة لهذا الدرس سنحتاج لتحميل بعض الملفات البسيطة ، وهي :

Navbar

FORUMHOME

FORUMDISPLAY

postbit_legacy

للتحميل :


http://mexat.com/vb/attachment.php?attachmentid=1282802&stc=1&d=1286908991 (http://www.mediafire.com/?onvz3kfvwl9x6aq)


http://mexat.com/vb/attachment.php?attachmentid=1282803&stc=1&d=1286908991 (http://www.zshare.net/download/81454653502d1340/)


http://mexat.com/vb/attachment.php?attachmentid=1282813&stc=1&d=1286909778 (http://www.4shared.com/file/smKskxKS/NAVBAR-ByX100.html)




http://mexat.com/vb/attachment.php?attachmentid=1282801&stc=1&d=1286908991

قبل البدأ اود تنبيهكم بأن تقوموا بتغيير اسم مجلد القوالب الذي صممناه بالدرس السابق من images الى أي اسم انجليزي آخر ، ثم واصلوا الدرس ::جيد::

- نقوم اولاً بفتح الفرونت بيج ..

http://mexat.com/vb/attachment.php?attachmentid=1282817&stc=1&d=1286909973


- نفك الضغط عن الملفات التي قمنا بتحميلها ، وهي forumhome - navbar - forumdisplay - postbit_legacy

http://mexat.com/vb/attachment.php?attachmentid=1282818&stc=1&d=1286909973


- نفتحها عن طريق الفرونت بيج بالضغط عليها بالزر الأيمن من الفأرة واختيار فتح باستخدام - ونختار الفرونت بيج

http://mexat.com/vb/attachment.php?attachmentid=1282819&stc=1&d=1286909973


- نبدأ العمل اولا على الـ forumdisplay ..

http://mexat.com/vb/attachment.php?attachmentid=1282820&stc=1&d=1286909973


قبل وضع الصور ، اريد تنبيهكم بأننا سنضع الصور بالعكس ، أي ان صورة الجزء الأيمن من القالب نضعها باليسار ، وصورة الجزء الأيسر نضعها بالأيمن ، تابعوا معنا :

- نضغط اولاً بالفراغ الأيمن نقرة عادية ، ثم نضغط على أيقونة اضافة الصورة ،،

http://mexat.com/vb/attachment.php?attachmentid=1282821&stc=1&d=1286909973


- ثم نذهب الى ملف الصور الذي وضعنا به القوالب ونختار الزاوية اليسرى العلوية منها ،،

http://mexat.com/vb/attachment.php?attachmentid=1282824&stc=1&d=1286910285


- نضغط على الصورة نقرة واحدة ، ثم نجعل المحاذاة الى اليمين ..

http://mexat.com/vb/attachment.php?attachmentid=1282825&stc=1&d=1286910285


- ثم ننقر مرتين على الصورة ونغير الرقم من 3 الى 0 مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1282826&stc=1&d=1286910285


- الآن نضغط بالفراغ الأوسط بالزر الأيمن من الفأرة ونختار Cell Properties - خصائص الخلية ونضع هذه الاعدادات :

http://mexat.com/vb/attachment.php?attachmentid=1282827&stc=1&d=1286910285


- ثم نضغط استعراض - Browse ونضيف صورة منطقة التمدد ..

http://mexat.com/vb/attachment.php?attachmentid=1282828&stc=1&d=1286910285

http://mexat.com/vb/attachment.php?attachmentid=1282832&stc=1&d=1286910619


- الآن بالفراغ الأيسر نضغط عليه نقرة واحدة عادية ثم من الأعلى نضغط على أيقونة اضافة صورة ، ونضيف صورة الجزء الأيمن العلوي من القالب ..

http://mexat.com/vb/attachment.php?attachmentid=1282833&stc=1&d=1286910619

http://mexat.com/vb/attachment.php?attachmentid=1282834&stc=1&d=1286910619


- ثم نجعل المحاذاة لليسار و نضغط عليها مرتان متتاليتان ونغير الرقم من 3 الى 0 ،،

http://mexat.com/vb/attachment.php?attachmentid=1282835&stc=1&d=1286910619

http://mexat.com/vb/attachment.php?attachmentid=1282836&stc=1&d=1286910619


- الآن انتهينا من الجزء العلوي ، ننتقل الى السفلي ، بالفراغ الأيمن نضغط مرة واحدة ثم نضغط على اضافة صورة ، ونضيف صورة الجزء الأيسر من القالب ..

http://mexat.com/vb/attachment.php?attachmentid=1282839&stc=1&d=1286910861


- ثم نجعل المحاذاة لليمين ومن خصائص الخلية نغير الرقم من 3 الى 0 مثل ما تعدونا ..

http://mexat.com/vb/attachment.php?attachmentid=1282840&stc=1&d=1286910861

http://mexat.com/vb/attachment.php?attachmentid=1282841&stc=1&d=1286910861


- بالفراغ الأوسط، نضغط بالزر الأيمن من الفأرة ونختار Cell Properties - خصائص الخلية ونضع الاعدادات الموضحة بالصورة ثم نختار استعراض ..

http://mexat.com/vb/attachment.php?attachmentid=1282843&stc=1&d=1286910861

http://mexat.com/vb/attachment.php?attachmentid=1282844&stc=1&d=1286911142


- ونختار صورة منطقة التمدد للجزء السفلي ،

http://mexat.com/vb/attachment.php?attachmentid=1282845&stc=1&d=1286911142


- الآن بالفراغ الأيسر نقرة عادية ثم اضافة صورة ، ونضيف صورة الجزء الأيمن ، ونجعل المحاذاة لليسار ، ونغير الاعداد من 3 الى 0

http://mexat.com/vb/attachment.php?attachmentid=1282846&stc=1&d=1286911142

http://mexat.com/vb/attachment.php?attachmentid=1282847&stc=1&d=1286911142

http://mexat.com/vb/attachment.php?attachmentid=1282848&stc=1&d=1286911142

http://mexat.com/vb/attachment.php?attachmentid=1282856&stc=1&d=1286911424


- تقريباً الآن انتهينا من الخطوة الأولى ، ولكن لم ننتهي من كل شي :ميت:

- نحدد على الجزء العلوي ونعمل له نسخ بهذا الشكل :

http://mexat.com/vb/attachment.php?attachmentid=1282857&stc=1&d=1286911424


- ننزل الى الأسفل قليلاً في الموضع المحدد بالصورة ، ونحدد ثم نعمل لصق مثلما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1282858&stc=1&d=1286911424


- وننزل مرة أخرى ونعمل لصق للموضع المحدد بالصورة :

http://mexat.com/vb/attachment.php?attachmentid=1282859&stc=1&d=1286911424



- الآن نحدد على الجزء السفلي ونعمل له نسخ ..

http://mexat.com/vb/attachment.php?attachmentid=1282860&stc=1&d=1286911424


- ونعمل له لصق في هذه المنطقة :

http://mexat.com/vb/attachment.php?attachmentid=1282867&stc=1&d=1286911756


- ونعمل له لصق في هنا أيضاً :

http://mexat.com/vb/attachment.php?attachmentid=1282868&stc=1&d=1286911756


الآن انتهينا من ملف الـ forumhome ، سننتقل بعد قليل الى الـ forumdisplay ..

- ، الآن نذهب الى الخيار Code - اكواد برمجية في اسفل الصفحة ، ونحدد على أحد المسارات الموجودة ونبقي فقط اسم مجلد الصور واسم الصورة بهذا الشكل :

http://mexat.com/vb/attachment.php?attachmentid=1282870&stc=1&d=1286911756


- نضغط عليها بالزر الأيمن من الفأرة ونختار استبدال Replace - استبدال

http://mexat.com/vb/attachment.php?attachmentid=1282871&stc=1&d=1286911756


- نتأكد من أن الفراغ الآخر فارغ ، ثم نعمل استبدال للكل - Replace All

http://mexat.com/vb/attachment.php?attachmentid=1282880&stc=1&d=1286912057


- نرجع الى Design - تصميم forumdisplay ونعمل تحديد على الجزء العلوي ثم نضغط عليه بالزر الأيمن من الفأرة ونختار نسخ ، ثم نفتح ملف forumhome ونحدد و نعمل لصق في هذا المستطيل :

http://mexat.com/vb/attachment.php?attachmentid=1282881&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282882&stc=1&d=1286912057


- ثم لصق هنا

http://mexat.com/vb/attachment.php?attachmentid=1282883&stc=1&d=1286912057


- الآن نعمل تحديد للجزء السفلي بالـ forumdisplay ثم ننسخه ونرجع للـ forumhome ونعمل لصق هنا :

http://mexat.com/vb/attachment.php?attachmentid=1282884&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282894&stc=1&d=1286912503


- وهنا :

http://mexat.com/vb/attachment.php?attachmentid=1282895&stc=1&d=1286912503


- نرجع للـ forumdisplay ونعمل نسخ للجزء العلوي ، ثم نذهب الى الـ navbar ونعمل لصق هنا :

http://mexat.com/vb/attachment.php?attachmentid=1282881&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282896&stc=1&d=1286912503


- ثم نرجع الى forumdisplay ونعمل نسخ للجزء السفلي ، ثم نرجع للـ navbar ونعمل لصق هنا :

http://mexat.com/vb/attachment.php?attachmentid=1282884&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282897&stc=1&d=1286912503


- نرجع للـ forumdisplay ونعمل نسخ للجزء العلوي ، ثم نذهب الى الـ postbit_legacy ونعمل لصق بهذا المستطيل :

http://mexat.com/vb/attachment.php?attachmentid=1282881&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282898&stc=1&d=1286912503


- نرجع للـ forumdisplay ونعمل نسخ للجزء السفلي ، ثم نرجع للـ postbit_legacy ونعمل لصق هنا :

http://mexat.com/vb/attachment.php?attachmentid=1282884&stc=1&d=1286912057

http://mexat.com/vb/attachment.php?attachmentid=1282911&stc=1&d=1286912864


- الآن بحمد الله انتهينا من كل شيء ، يبقى التركيب بالمنتدى بالدرس القادم بإذن الله


الآن يبقى الحفظ فقط ، سنحفظها على صيغة ملف html ، الواحدة تلو الأخرى بهذا الشكل ، نذهب الى File ونختار Save As ، ونختار مثل ما هو موضح :

http://mexat.com/vb/attachment.php?attachmentid=1282912&stc=1&d=1286912864


الدرس السادس والسابع بالفيديو ،، للتحميل :


MediaFire (http://www.mediafire.com/download.php?jsrldmzioclpmtp)


Zshare (http://www.zshare.net/download/81804410eb687e76/)


4Shared (http://www.4shared.com/download/GH1emfln/Less6-7.html)


للمشاهدة المباشرة :


Zshare (http://www.zshare.net/video/81804410eb687e76/)


4Shared (http://www.4shared.com/video/GH1emfln/Less6-7.html)

http://mexat.com/vb/attachment.php?attachmentid=1282814&stc=1&d=1286909778


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



http://mexat.com/vb/attachment.php?attachmentid=1282815&stc=1&d=1286909778

[تصميم هانم]

الدرس اكثر من رائع مشكور عليه بس عندى مشكله فيه
انا بعمل كل الخطوات بس الخطوه بتاعت الكوبى بيست دى مش بترضى تعمل معايا كوبى بيست ولا لنفس الصفحه بتاعت الفورم هوم ولا منها للصفحات الاخرى الناف بار والباقين
بس لو اخدت الجوانب لوحدها بتتاخد كوبى عادى لكن المشكله شكلها فمنطقه التمدد مش عاوزه تتاخد كوبى خالص ممكن تدلنى على الحل

[تصميم هانم]

الدرس اكثر من رائع مشكور عليه بس عندى مشكله فيه
انا بعمل كل الخطوات بس الخطوه بتاعت الكوبى بيست دى مش بترضى تعمل معايا كوبى بيست ولا لنفس الصفحه بتاعت الفورم هوم ولا منها للصفحات الاخرى الناف بار والباقين
بس لو اخدت الجوانب لوحدها بتتاخد كوبى عادى لكن المشكله شكلها فمنطقه التمدد مش عاوزه تتاخد كوبى خالص ممكن تدلنى على الحل

[QueenDiana]

رائغ و مفيد