ط´ط±ط* طھطµظ…ظٹظ… ط«ظٹظ… ظ†ظٹظˆظƒ ظ…ظ† ط§ظ„ط§ظ„ظپ ط§ظ„ظ‰ ط§ظ„ظٹط§ط، ...
السلام عليكم ورحمة الله وبركاته
اقتباس
درس مفصل منقول من الاخ الفاضل ابو المقداد + مكرر
شرح طريقة تصميم ثيم نيوووووك من الالــــــــــــــف إلى الياء ...
اليوم يا شباب محظر لكم درس مفصل تركيب install ثيم النيوك من الألف إلى الياء
وان شاء الله يكون الدرس مفصل واضح وسهل وبإذن الله أي واحد يتابع الدرس مفصل راح يصير مصممك نيوك بس ركزوا زين !!!
أولا :- لن أتكلم عن التصميم وطرقه لان كل واحد وطريقته بالتصميم لكن سأتكلم عن ما سنحتاجه من صور وتمدد وعن طريقة التركيب install
__________________________________________________ __
الهيدر header :- نحتاج صورتان ومنطقة تمدد
الفور تر :- صورتان ومنطقة تمدد
عرض المواضيع :- تمدد أعلى وصورتان أعلى تمدد أسفل وصورتان أسفل
البلوك :- تمدد فقط
__________________________________________________ _
قبل البدء حمل المجلد الذي بالمرفقات فيه كل الملفات ما عليك إلا التطبيق
بسم الله نبدأ
أولا :- افتح ملف header وتابع الشرح طريقة
طريقة ادراج صورهـ
ونطبق على الاخرهـ كذلك
طريقة إضافة نقطه تمدد
صورهـ بعد وضع التمدد مع توضيح بعض النقاط
نقوم بتغيير لون خلفية الجداول للتناسب مع التصميم عن طريق
لاتنسى :-
تغيير روابط الصور
وهذا مثال للهيدر مركب على المجلة
لاحظ أننا أزلنا التسجيل وكذلك التاريخ
ثانيا :- افتح ملف footer وتابع الشرح طريقة
طريقة إدراج صورهـ
ونطبق على الاخرهـ كذلك
ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك
طريقة إضافة نقطه تمدد
نقوم بتغيير لون خلفية كــــــــــــــل جدول لتتناسب مع التصميم عن طريق
لاتنسى :-
تغيير روابط الصور
وهذا مثال للفورتر مركب على المجلة
ثالثا :- افتح ملف story_home وتابع الشرح طريقة
أضف نقطة التمدد وأدرج الصور وقد سبق شرح طريقةه في أول الدرس مفصل
ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك
صورهـ بعد الإضافة
توضيح لبعض النقاط
طريقة تغيير خلفية الجدول وحدودهـ
يوجد خط صغير داخلي يغير عن طريق
لاتنسى :-
تغيير روابط الصور
مثال للتصميم مركب على المجلة
لاحظ أننا أزلنا صوره المقال وأيضا كاتبه وعدد قراء الموضوع
ملاحظة :- قم بنسخ محتويات story_home والصقها في محتويات story_page
رابعا :- افتح ملف blocks وتابع الشرح طريقة
أضف نقطة تمدد وقد سبق شرح طريقةه في أول الدرس مفصل
طريق تغيير لون الخط الذي يحيط بالبلوك :-
ابحث عن #398686 واستبدلها بأي لون تريد
طريقة تغيير لون الخلفية :-
ابحث عن #E5F4F4 واستبدلها بأي لون تريد
ملاحظة :- ستجدهـ أكثر من مره
لاتنسى :-
تغيير روابط الصور
وهذا مثال للبلوك مركب على المجلة
إن شاء الله في درس مفصل قادم اشرح طريقة طريقة وضع صورهـ أعلى وأسفل البلوك بحث يكون أجمل
الآن انتهينا من تركيب install التصميم وبـــقــــي تغير لون الخلفية والخط و السكروا بار ...الخ
ارجوووووووووووووووووا التركيز زين يا شباب وعدم خلط الأمور
أولا :- قم بفتح برنامج الفوتوشوب واختر لونان متناسقان مع تصميم ومتقاربان والافضل واحد فاتح والثاني غامق شوي أنا اخترت لونان مثل :-
ثــــــــــانـــيــا :- قم بفتح ملف theme
وابحث عن themes/m واستبدل m باسم المجلد الذي أنشأته ووضعت فيه ملفاتك وصورك مثل abo-almegdad أو غيرهـ
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن E5F4F4 واستبدلها باللون الفــــــاتـــــــح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
3- ابحث عن 587B7C واستبدلها باللون الغــــــــــامق الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
ثــــــــــالـــثــــا :- قم بفتح ملف tables
1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته
رابعا :- قم بفتح ملف style
1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
للتذكير فقط رابط صور الثيم :-
اسم اللصورهـ/اسم االمجلد /themes
مثل :-
themes/m/a_07.gif
وأخيراً ارفع المجلد لمجلد الثيم بالمجلة واختر الثيم من لوحة التحكم ومبروووووووك عليك الثيم
وبهذا نكون قد انتهينا من تصميم وتركيب install ثيم النيوك على المجلة من الألف إلى الياء
وفي الختام اسأل الله لي ولكم التوفيق والسداد في الدنيا والأخرهـ وأن يجمعنا جميعا في جنة عرضها كعرض السماء والأرض إخوهـ على سرر متقابلين
وأي سؤال أو استفسار اسأل وان شاء الله أجيب عليك
أخوكم :-عبد العزيز
تم نقلة من منتدى
www.casper3.com
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
رد مع اقتباس
