اهداء الى الأخ:: سوبر بي اتش بي :: تعلم كيف تصمم ثيم نيوك محترف

[abubakerhamd]

الاخوة الكرام :: شكرا على مروركم وآسف على التأخر في الرد
على كل حال نبدأ على بركة الله
=========================
الآن :: على افتراض ان كل واحد منا لديه مجلة مركبة على سيرفره الشخصي
========
## استخدم ثيم nukenews واجلعه الافتراضي لديك ولا تعمل اعادة تسمية الآن

## ستجد في مجلد الثيم عدة ملفات وهي ::
blocks.htm وهي التي سيكون تصميم البلوكات عليها (( المربعات اللى على اليمين والشمال ))
footer.htm وسيكون تصميم الفوتر عليه (( الجزء السفلي ))
header.htm وسيكون عليه تصميم الهيدر (( أعلى التصميم ))
story_home.htm وسيكون عليه تصميم المقالات أو الاخبار التي تظهر في صفحة البداية
story_page.htm وسيكون عليها تصميم صفحة المقالات أو الاخبار بالكامل (( يعني الاولى الاخبار اللى تصير في بداية الصفحة والثانية عندما يضغط الزائر على زر التفاصيل بيروح لهذا التصميم

وهناك مجلد style به ملف الاستايل سنتطرق له فيما بعد

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

http://www.weqa.com
http://www.abunawaf.ws/index.php

=====================================

[abubakerhamd]

آسف اذا افكاريمبعثرة واراقي غير مرتبة ولكن بالفعل مشغول جدا ولذلك اتمنى اذا في اي نقطة غير واضحة تسألوا عنها مباشرة

أخي عتبة (( نعم يكمكنك تصميم موقع كما تشاء وتحولها لثيم نيوك فيما بعد ..... وهنا اذكر قصة الاخوان في عرب هاردوير بأنهم طلبوا نفس هذا المر ولكن للأسف الكثير حاول استغلالهم في هذا الموضوع ....)) على كل حال خذو مني الدفعة هذي

================================
الملخص حتى الآن :: (( كل واحد منكم لديه مجلة مركبة على السيرفر والثيم الافتراضي له هو nukenews )) الى هنا تماااام

================================
بسم الله :
افتح الفوتشوب :: وخربص لك تصميم مرتب ينفع هيدر للصفحة .....

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

الآن :: حط الصور في مجلد ( images ) وافتح التصميم بالفرونت بيج وانسخ الكود منه وحطه في صفحة ( header ) الموجودة في مجلد الثيم

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

جميع الحقوق محفوظة وممنوووووووووع اللطش

تصميم ( احسن مصمم

المهم :: كمان سوي نفس الحكاية حط الصور في مجلد ( images) اللى في الثيم والكود افتحه بالفرونت بيج وحطه في صفحة ( footer.htm ) الموجود في الثيم

================================

الحين روح على الرابط التالي
http://localhost/nuke
وشوف ابداعك :: اذا كله تمام ( الهيدر والفوتر )

اعطوني خبر عشان ندخل في الغويط

سلام يا شباب

[abubakerhamd]

طيب يا شباب ::: الحين الثيم هذا راح يوفر علينا وعليكم الشيء الكثير

nuke news لأانها عبارة عن قوالب html كل ما عليك فعله انك تصمم بالفوتوشوب اللى انت عايزه سواء كان هيدر او فوتر او بلوكات وكمان تصميم للاخبار اللى في الرئسية واللى بالداخل كمان اعتقد ان التصميم ما يزيد عن كذا

ان شاء الله ساحاول ان اقوم بكتابة الدروس بالكامل ثم وضعها ومدعمة بالصور وفي الاخير يكون لنا مشروع تخرج آسف مشروع هذه الدورة ثيم نيوك اسلامي ومحترف نطرحه هنا ليستفيد منه اخواننا اصحاب المواقع الاسلامية ...

أتمنى انكم تصبروا علي لأني بالفعل مشغول وليس لدي فرصة للدخول الا ساعة او اقل

راجعين

[SUPER PHP]

السلام عليكم :
=========
مشكور أخوي abubakerhamd على هالبداية الحلوة ...
بس في عندي إستفساااار بسيط .... بخصوص هذي النقطة ....


==============================
قطع التصميم وبعدين احفظه في سطح المكتب ( طبعا اللى عنده حبة خبرة راح يحط في الهيدر ازرار لمكتبة البرامج والدليل والبحث وما شابه من خدمات المجلة ويحط له رابط )

الآن :: حط الصور في مجلد ( images ) وافتح التصميم بالفرونت بيج وانسخ الكود منه وحطه في صفحة ( header ) الموجودة في مجلد الثيم

==============================
الحين أنا خلصت شغلي بالفرنت بيدج ... أحفظة على هيئة صفحة وب و لا على هيئة صورة عادية ...؟؟؟
وبعد ما أحفظة .. قمت بنقل الصور لمجلد (( images )) الملحق مع ثيم النيوك.. أوكي ... وبعدين إنت قلت و إفتح التصميم بالفرنت بيدج ...
صح ... يعني تقصد تصميم الهدر من الفرنت بيدج ..... و لا التصميم إلي انا مسوية على الفرنت بيدج ...(( وطبعاً هذا متعلق بسؤالي الأول ..لأنة إذا كنت بحفظ عملي على هيئة صفحة وب .. فهل تقصد بنقطة الفتح فتح تصميمي أم فتح الهدر من الفرنت بيدج ....!!! ))
(( و اعتقد إنك تقصد فتح تصميمي المعمول بالفوتوشب وذلك بعد حفظة على هيئة صفحة وب ... لأنك تقول (( و انسخ الكود و ألصقة في صفحة الــ هدر )) صح كلامي ..ولا أنا بخرف ...
وشكراً لك على الاهتمام بالموضوع ..

[SUPER PHP]

بااااااااااااااااااك

اخوي abubakerhamd ...
عندي بعد سؤال الله لا يهينك ..
أخوي .. هل أعمل نفس الشي بخصوص البلوكات و خلافة ..؟؟؟
لأنة بداخل صفحة البلوكات .. موجود جدول في داخلة رمز معين ..
و أعتقد غنها أوامر الأستدعاء .. لمحتويات البلوك .. فهل إعتقداي صحيح ...؟؟؟
=====================================
و للعلم أنا لم أباشر بصنع الهدر و الفوتر .. لأني أبي أتأكد من السؤال الموجود بالأعلى الأول ..قبل ما أخبص
و في شي ثاني .. .. أنا الحين على فرض إني حفظت شغلي (( بالفوتوشب )) على هيئة web page و قمت باخذ الصور الناتجة عن ذلك و لصقها بالمجلد المسمى (( images )) الملحق بالثيم .. و رحت و فتحت الصفحة إلي حفظتها من الفوتوشب .. فلن أجد الصور .. لأنة انا رح أعمل على تغير مكانها إلي مجلد الصور في المجلة ... فهل أكمل عادي .. يعني أنسخ الكود و أفتح الهدر و ألصق ...ولا شلووون ..؟؟
و آسف على الاطالة ... و لكن صاحب الحاجة أرعن ..

[otba]

أخي الكريم اشكرك على الشرح ... بس ياريت بالصور

طيب بالنسبة لسؤالي كيف بعد ما اصمم الموقع كيف احوله لثيم

[alwa7eed]

أخي الكريم شكراً جزيلاً لدروسك الرائعه .. وننتظر البقية على أحر من الجمر ..

أخوي سوبر بي اتش بي .. انا بصراحة ما جربت اركب مجلة على السيرفر الشخصي

لكن الفكرة واضحة أخوي .. عليك عمل صفحة تكون للهيدر بالفوتوشوب

وتقصصها واذا تبي تعمل لها روابط حولها على الايميج ردي image ready

وبالشكل هذا لن تحتاج الى الفرونت بيج اساساً .. احفظ تصميمك بعد ضغطه

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

احفظ صفحة الويب بدال صفحة الهيدر اللي موجودة بمجلد الثيم ..

واحفظ الصور بمجلد images الموجود بالثيم .. ونفس الطريقة مع الفوتر ..

أتمنى تكون وصلت الطريقة .. وأكرر أخي الكريم انا لم اتعامل مع المجلات

نهائياً بأنواعها ولكن أعتقد ان الطريقة واااااااضحة

اخوك / alwa7eed

[SUPER PHP]

للرفع .. وارجو الرد على أسألتي الباقية ..

[المشاري]

وجدت هذا الموقع يشرح طريقة تصميم الثيم للمجلة .. للأسف انه انجليزي .. وبصراحة ما فهمت منه تمام

aleeya.net

[abubakerhamd]

معليش على التأخير ، واعذروني على الرد السريع


=============
اخي سوبر
صمم الهيدر بالفوتوشوب وكما قال اخي عتبة بعد تقطيع العمل اضف له الروابط وبعد ذلك احفظ التصميم

الصور حطها في مجلد ( images) الملحقة بالثيم
والصفحة ( htm ) سميها ( header.htm ) واستبدلها بالموجودة ادخل الثيم

والفوتر كمان نفس الشيء

يعني الهدف انك تجعل تصميمك اللى عملته بالفوتشوب سواء للهيدر او الفوتر بنفس اسم الموجود في مجلد الثيم

هذا شيء الامر الآخر بخصوص الملفات
blocks.htm
story_home.htm
story_page.htm

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

اعتقد انه كذا كل شيء واضح \....

خبرني باللى صاير معك
========================
اخي عتبة
صمم موقعك كما تشاء بالفوتوشوب او الفرونت بيج او باي طريقة تحلو لك ....
وبعدين طبق الطريقة على الثيم هذا
يعني انسخ منطقة الهيدر في موقعك وحطه هيدر والفوتر كمان ، واذا عندك مجال للبلوكات كمان سوي نفس الشيء

طبعا بالممارسة وبالتطبيق مرة واخرى راح يكون هذا الشيء من اسهل ما يكون وراح تدعي لي


تحياتي وآسف مرة أخرى اذا لم ارد عليكم بالتفصيل لاني بالفعل مستعجل

[zooro]

سلام ..
إخواني .. بعد تقطيع الصور بالإيمج ريدي .. وادراجها في الهيدر أو البلوكس تنعكس جميع الصور .. اللي في اليمين تروح يسار والعكس ..
هل يوجد حل لهذه المشكلة ؟؟؟

[SUPER PHP]

أخوي abubakerhamd ... مشكوووور ..
بس بخصوص البلوكات (( على سبيل المثال ))
انا سويت تصميم من عندي (( فهل يجب أن أعتمد نفس المقاسات الأصلية للبلوك ..؟؟؟
ثانياً ... كيف أحط اوامر الجلب .. و أين هي ..؟؟
لأني يوم ما فتحت ال(( بلوكس )) الملحقة بالنيوك .. وجدتن كلمة في منتصف الجدول .....(( البلوك )) هل أقوم بنسخها و لصقها في تصميمي .؟؟
و ما عملها ..؟؟
يعني هل تعمل على جلب متحوى البلوك .. و لا الأسم الذي يوجد على اعلى البلوك كـ (( القائمة الرئيسية أو الأمازوون )) و هاكذا ...؟
يعني هل أنسخها و ألصقها في المنتصف ..في تصميمي ..و لا شلون
و غن شاء الله انا عم بطبق الشرح و رح أعطيك النيجة ..

[zooro]

ثانياً ... كيف أحط اوامر الجلب .. و أين هي ..؟؟
لأني يوم ما فتحت ال(( بلوكس )) الملحقة بالنيوك .. وجدتن كلمة في منتصف الجدول .....(( البلوك )) هل أقوم بنسخها و لصقها في تصميمي .؟؟
و ما عملها ..؟؟

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


----------
يا جماعه شوفوا لنا حل لمشكلة الصور اللي في اليمين تروح يسار والعكس ... شنو الحل ؟؟؟

[otba]

بس مافي شي في الصفحات .. في الثيم .. صفحات فاضيه

[zooro]

موجودة يا أخ otba
$Topic او شي من هالقبيل ..