الجزء الثاني - كيف تصمم قالب لموقعك (( الشرح لمجلة جوملا ))

[abohmam]

.
الجزء الثاني - كيف تصمم قالب لموقعك (( الشرح لمجلة جوملا ))

سبق وطرحنا الجزء الاول :theard: (http://www.abc4web.net/vb/showthread.php?t=334) لعملنا هذا ومهم قبل الدخول هنا قراءة الجزء الاول والتطبيق

الان نذهب الى مرحلة الدريم ويفر

هنا لنسهل الامور قم باضافة الأداة الموجود فيالقسم الاول من الشرح :theard: (http://www.abc4web.net/vb/showthread.php?t=334)

فقط قم بالضغط عليها وسوف يتم الإضافة الى البرنامج

http://www.abc4web.net/vb/imgcache/882.png

الان نفتح ملف الـ Index في الـدريم ويفر

ستفتح لك الصفحة في الدريم ويفر وهنا تفعل شريط جملا

http://www.abc4web.net/vb/imgcache/883.png

الان تذكر ان الاماكن التي ترغب ان تكتب بها لابد ان تجعل الصور به خلفيه لانه لايمكن الكتابة على الصورة

اولا نذهب الى الكود

http://www.abc4web.net/vb/imgcache/884.png

ونقوم بتحديد ما هو بالاحمر ومن ثم نضغط على

http://www.abc4web.net/vb/imgcache/885.png

هذا لاضافة الكود الخاص بجملا

اللون الاحمر نقوم بتغييرة الى الكود العربي

http://www.abc4web.net/vb/imgcache/886.png

هكذا

charset=windows-1256">


http://www.abc4web.net/vb/imgcache/887.png

الان نرجع للتصميم

نذهب الى الصور ونعمل التالي

نحدد الصورة ونقوم بنسخ الرابط لها

http://www.abc4web.net/vb/imgcache/888.png

ثم نحذف الصورة

http://www.abc4web.net/vb/imgcache/889.png

فتصبح هكذا

http://www.abc4web.net/vb/imgcache/890.png

ونكمل مع جميع الصور التي نحتاج ان نضعها خلفية


لاحظ ان جميع الصور امتدادها كا التالي


templates/msamm_com_2/images/spacer.gif


هكذا انتهينا من مرحة الصور

http://www.abc4web.net/vb/imgcache/891.png

.
الان ندخل في مرحة الاكواد


ناتي الى القائمة اليمنى ونظيف لها هذا الكود http://www.abc4web.net/vb/imgcache/892.png

وهو لاضافة القائمة اليمنى ثم نضع الخيارات التالية

http://www.abc4web.net/vb/imgcache/893.png

وهنا ليتم وضع الكود في الاعلى و لليمين

انا قمت باضافة

http://www.abc4web.net/vb/imgcache/894.png للقائمة


http://www.abc4web.net/vb/imgcache/895.png للـ user1/user2

لتتعرف اكثر على user1/user2 عليك بهذا الدرس كيف تبني موقع بجملة :theard: (http://www.abc4web.net/vb/showthread.php?t=336)

الان نكمل الاكواد

كل كود عند ترك الماوس عليه يذكر لك ماهو

الان اكملت الاكواد

http://www.abc4web.net/vb/imgcache/896.png

ومن ثم نحفظ كا التالي

Index.php

احفظ تحت ملف التصميم

http://www.abc4web.net/vb/imgcache/897.png

الان يتبقى لنا ملفان هما

Css

و

templateDetails


يتبع ان شاء الله
.
نقــ(عن موقع مسام جزاه الله خيرا)ــلا
أبو هــــMـــام
.

[غيمار]

جزاك الله خيراً

[الدمشقي]

شـكــ وبارك الله فيك ـــراً لك
لك مني أجمل تحية

[شيخ الشباب]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أخي الكريم جزاك الله كل خير
تابعت هذه الشروحات كاملة و تمت اضافة ملف التيملت ديتايلز و المجلد css
و لكن عن اضافة القالب الى المجلة لا تظهر الصور مع العلم أنه عن معاينة ملف index.php على برنامج دريم ويفر يظهر كامل و بدون مشاكل
تعبت معه لحد ما وصلت لمرحلة اليأس

[abohmam]

بسم الله الرحمن الرحيم

حياكم الله جميعا إخواني

اشكر لكم تواجدكم وتواصلكم

أخى شيخ الشباب حياك الله

لامجال للياس ان شاء الله

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

وسوف أجرب بنفسي على قالب خاص ولى عودة ان شاء الله تعالى.

[شيخ الشباب]

بسم الله الرحمن الرحيم

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

شكرا لردك اخي ابو همام

اخي الكريم لا مشكلة بالانتقال من الفوتوشوب الى الدريم ويفر . عند معاينة الصفحة بلاحقة htm تظهر بشكل رائع و لكن عند تحويل الملف من htm الى php و اضافة الاكواد الخاصة بجوملا تظهر المشاكل . ( لا تظهر اي صورة في الصفحة عند معاينة القالب على الرغم من ظهور القوائم و محتوى الصفحات الخاصة بالمجلة ) .

ملاحظة : المشكلة في تحويل من htmالى php و كيفية ربط ملف index.php مع template_css و ملف templateDetails

اخي الكريم عذرا منك لانني استبق الشرح و لكن هذه المشكلة ارقتني كثيرا و لم اجد لها الحل .

كل الشكر مجددا لاهتمامك المتواصل

دمت بخير

[الوردة الجورية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
جزاك الله كل خير
فى امان الله
:abc_152::abc_028::abc_152: