درس تصميم ثيم نيوك من الالف الى الياء

1 مرفق

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

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

_________________________ _________________________ __

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

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

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

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

_________________________ _________________________ _

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

بسم الله نبدأ

أولا :- افتح ملف header وتابع الشرح

https://mwadah.com/images/imgcache/2006/09/712.imgcache

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

https://mwadah.com/images/imgcache/2006/09/713.imgcache

https://mwadah.com/images/imgcache/2006/09/714.imgcache

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

https://mwadah.com/images/imgcache/2006/09/715.imgcache

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

https://mwadah.com/images/imgcache/2006/09/716.imgcache

https://mwadah.com/images/imgcache/2006/09/717.imgcache

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

https://mwadah.com/images/imgcache/2006/09/718.imgcache

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

https://mwadah.com/images/imgcache/2006/09/719.imgcache

https://mwadah.com/images/imgcache/2006/09/720.imgcache

لاتنسى :-

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

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

https://mwadah.com/images/imgcache/2006/09/721.imgcache

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

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

https://mwadah.com/images/imgcache/2006/09/722.imgcache

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

https://mwadah.com/images/imgcache/2006/09/713.imgcache

https://mwadah.com/images/imgcache/2006/09/723.imgcache

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

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

https://mwadah.com/images/imgcache/2006/09/724.imgcache

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

https://mwadah.com/images/imgcache/2006/09/716.imgcache

https://mwadah.com/images/imgcache/2006/09/725.imgcache

https://mwadah.com/images/imgcache/2006/09/726.imgcache

https://mwadah.com/images/imgcache/2006/09/727.imgcache

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

https://mwadah.com/images/imgcache/2006/09/716.imgcache

https://mwadah.com/images/imgcache/2006/09/728.imgcache

لاتنسى :-

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

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

https://mwadah.com/images/imgcache/2006/09/729.imgcache

ثالثا :- افتح ملف story_home وتابع الشرح

https://mwadah.com/images/imgcache/2006/09/730.imgcache

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

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

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

https://mwadah.com/images/imgcache/2006/09/731.imgcache

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

https://mwadah.com/images/imgcache/2006/09/732.imgcache

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

https://mwadah.com/images/imgcache/2006/09/719.imgcache

https://mwadah.com/images/imgcache/2006/09/733.imgcache

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

https://mwadah.com/images/imgcache/2006/09/716.imgcache

https://mwadah.com/images/imgcache/2006/09/734.imgcache

لاتنسى :-

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

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

https://mwadah.com/images/imgcache/2006/09/735.imgcache

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

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

رابعا :- افتح ملف blocks وتابع الشرح

https://mwadah.com/images/imgcache/2006/09/736.imgcache

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

https://mwadah.com/images/imgcache/2006/09/737.imgcache

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

https://mwadah.com/images/imgcache/2006/09/738.imgcache

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

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

https://mwadah.com/images/imgcache/2006/09/739.imgcache

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

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

لاتنسى :-

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

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

https://mwadah.com/images/imgcache/2006/09/740.imgcache

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

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

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

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

https://mwadah.com/images/imgcache/2006/09/741.imgcache

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

https://mwadah.com/images/imgcache/2006/09/742.imgcache

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

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

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

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

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

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

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

https://mwadah.com/images/imgcache/2006/09/743.imgcache

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

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

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

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

https://mwadah.com/images/imgcache/2006/09/744.imgcache

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

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

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

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

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

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

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

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

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

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

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

أخوكم :- أبو المقداد=ابو سليمان

رد: جرس تصميم ثيم نيوك من الالف الى الياء

ما شاء الله عليك ... ابدعت وما قصرت ... الله يجعله في ميزان حسناتك ... تحياتي .

رد: جرس تصميم ثيم نيوك من الالف الى الياء

شكرا لك ... بارك الله فيك ...

رد: جرس تصميم ثيم نيوك من الالف الى الياء

اقتباس:

المشاركة الأصلية كتبت بواسطة ابو راشد

ما شاء الله عليك ... ابدعت وما قصرت ... الله يجعله في ميزان حسناتك ... تحياتي .

امين يارب ومشكور على مرورك يالغالي

اقتباس:

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

شكرا لك ... بارك الله فيك ...

العفو يالغالي تشكر على المرور