شرح طريقة تصميم ثيم نيوك من الالف الى الياء ...

[admin]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* طھطµظ…ظٹظ… ط«ظٹظ… ظ†ظٹظˆظƒ ظ…ظ† ط§ظ„ط§ظ„ظپ ط§ظ„ظ‰ ط§ظ„ظٹط§ط، ... (http://www.dzbatna.com/t285801/)




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


اقتباس
درس مفصل منقول من الاخ الفاضل ابو المقداد + مكرر


شرح طريقة تصميم ثيم نيوووووك من الالــــــــــــــف إلى الياء ... (http://www.dzbatna.com/t223539/#post2342990)










اليوم يا شباب محظر لكم درس مفصل تركيب install ثيم النيوك من الألف إلى الياء
وان شاء الله يكون الدرس مفصل واضح وسهل وبإذن الله أي واحد يتابع الدرس مفصل راح يصير مصممك نيوك بس ركزوا زين !!!

أولا :- لن أتكلم عن التصميم وطرقه لان كل واحد وطريقته بالتصميم لكن سأتكلم عن ما سنحتاجه من صور وتمدد وعن طريقة التركيب install

__________________________________________________ __

الهيدر header :- نحتاج صورتان ومنطقة تمدد

الفور تر :- صورتان ومنطقة تمدد

عرض المواضيع :- تمدد أعلى وصورتان أعلى تمدد أسفل وصورتان أسفل

البلوك :- تمدد فقط

__________________________________________________ _

قبل البدء حمل المجلد الذي بالمرفقات فيه كل الملفات ما عليك إلا التطبيق

بسم الله نبدأ

أولا :- افتح ملف header وتابع الشرح طريقة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8541

طريقة ادراج صورهـ

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8542

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8543

ونطبق على الاخرهـ كذلك

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8544

طريقة إضافة نقطه تمدد

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8545

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8546

صورهـ بعد وضع التمدد مع توضيح بعض النقاط

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8547

نقوم بتغيير لون خلفية الجداول للتناسب مع التصميم عن طريق

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8548

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8549

لاتنسى :-

تغيير روابط الصور



وهذا مثال للهيدر مركب على المجلة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8550

لاحظ أننا أزلنا التسجيل وكذلك التاريخ






ثانيا :- افتح ملف footer وتابع الشرح طريقة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8551


طريقة إدراج صورهـ

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8542

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8552

ونطبق على الاخرهـ كذلك

ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8553

طريقة إضافة نقطه تمدد

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8545

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8554

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8555

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8573

نقوم بتغيير لون خلفية كــــــــــــــل جدول لتتناسب مع التصميم عن طريق

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8545

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8556



لاتنسى :-

تغيير روابط الصور

وهذا مثال للفورتر مركب على المجلة


http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8557


ثالثا :- افتح ملف story_home وتابع الشرح طريقة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8558


أضف نقطة التمدد وأدرج الصور وقد سبق شرح طريقةه في أول الدرس مفصل

ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك

صورهـ بعد الإضافة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8559

توضيح لبعض النقاط

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8560

طريقة تغيير خلفية الجدول وحدودهـ

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8548


http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8561

يوجد خط صغير داخلي يغير عن طريق

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8545

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8562

لاتنسى :-

تغيير روابط الصور

مثال للتصميم مركب على المجلة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8563

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

ملاحظة :- قم بنسخ محتويات story_home والصقها في محتويات story_page



رابعا :- افتح ملف blocks وتابع الشرح طريقة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8564

أضف نقطة تمدد وقد سبق شرح طريقةه في أول الدرس مفصل

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8565

طريق تغيير لون الخط الذي يحيط بالبلوك :-

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8566

ابحث عن #398686 واستبدلها بأي لون تريد

طريقة تغيير لون الخلفية :-

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8567

ابحث عن #E5F4F4 واستبدلها بأي لون تريد

ملاحظة :- ستجدهـ أكثر من مره

لاتنسى :-

تغيير روابط الصور

وهذا مثال للبلوك مركب على المجلة

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8568

إن شاء الله في درس مفصل قادم اشرح طريقة طريقة وضع صورهـ أعلى وأسفل البلوك بحث يكون أجمل



الآن انتهينا من تركيب install التصميم وبـــقــــي تغير لون الخلفية والخط و السكروا بار ...الخ



ارجوووووووووووووووووا التركيز زين يا شباب وعدم خلط الأمور

أولا :- قم بفتح برنامج الفوتوشوب واختر لونان متناسقان مع تصميم ومتقاربان والافضل واحد فاتح والثاني غامق شوي أنا اخترت لونان مثل :-

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8569

ثــــــــــانـــيــا :- قم بفتح ملف theme

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8570

وابحث عن themes/m واستبدل m باسم المجلد الذي أنشأته ووضعت فيه ملفاتك وصورك مثل abo-almegdad أو غيرهـ

ملاحظة :- ستجدهـ أكثر من مرهـ

2- ابحث عن E5F4F4 واستبدلها باللون الفــــــاتـــــــح الذي اخترته

ملاحظة :- ستجدهـ أكثر من مرهـ

3- ابحث عن 587B7C واستبدلها باللون الغــــــــــامق الذي اخترته

ملاحظة :- ستجدهـ أكثر من مرهـ

ثــــــــــالـــثــــا :- قم بفتح ملف tables

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8571

1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته

ملاحظة :- ستجدهـ أكثر من مرهـ

2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته



رابعا :- قم بفتح ملف style

http://www.dzbatna.org/up/pic.php?u=2358iJPOo&i=8572

1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته

ملاحظة :- ستجدهـ أكثر من مرهـ

2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته

ملاحظة :- ستجدهـ أكثر من مرهـ

للتذكير فقط رابط صور الثيم :-

اسم اللصورهـ/اسم االمجلد /themes

مثل :-
themes/m/a_07.gif

وأخيراً ارفع المجلد لمجلد الثيم بالمجلة واختر الثيم من لوحة التحكم ومبروووووووك عليك الثيم



وبهذا نكون قد انتهينا من تصميم وتركيب install ثيم النيوك على المجلة من الألف إلى الياء



وفي الختام اسأل الله لي ولكم التوفيق والسداد في الدنيا والأخرهـ وأن يجمعنا جميعا في جنة عرضها كعرض السماء والأرض إخوهـ على سرر متقابلين



وأي سؤال أو استفسار اسأل وان شاء الله أجيب عليك



أخوكم :-عبد العزيز
تم نقلة من منتدى
www.casper3.com






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©