الجمعة، 28 ديسمبر 2012

كيف تصنع قالب جوملا من صنع ايديك باستخدام الفوتوشوب والدريم ويفر.. ج 2

الجزء الثاني من الدرس
ثم نذهب الى اضافة الدريم ويفر التي قمنا بتحميلها  حملها من هنا  .
ثم نفتحها فيظهر انه تم تنصيبها بنجاح . وتم اضافتها لى الدريم ويفر لديك .

 بعد ذلك نقوم بفتح الدريم ويفر .. نجد الاضافة موجودة في شريط insert  كما في الصورة .

نضغط على F6 لجعل الجداول تظهر متمددة .. 
كما بالصورة

 الآن نأتي لأخطر الخطوات والشغل الجد والمهم جدا جدا
التركيز مطلوب .. الصورة القادمة بها الخطوات وتتكون من 4 صور ب 4 خطوات
1- نعلم على الخلية او الصورة فيها .. نجد في proprerts في الدريم ويفر يظهر الشكل في الصورة رقم 1 .. نقوم بالتعليم على مسار الصورة المكتوب في scr
2- نقوم بمسح الصورة نفسها من داخل خلية الجدول ... ثم نعلم مكانها في خلية جدولها ..
3- يظهر لنا الشكل رقم 3 وفيه نقوم بعمل لصق لكود مسار الصورة الذى اخذناه في الخطوة 1 ووضعه في المسار bg .. وهو مسار خلفية الجدول ..... لماذا ؟؟
لأنه  لن يعمل القالب اذا كانت الصورة موجودة لانه لن يتم وضع الكلام فوق الصورة والاثنين في طبقة واحدة لذا نجعل الصورة كخلفية لخلية الجدول .. فتتمدد مع تمدد الصفحة .
4- نكرر نفس الخطوات مع خلايا الصفة كلها ... ولا ننسى شيء منها .

في اضافة Joomla Solution  التي اضفناها نجد هذه الايقونات .. حيث تكون كل ايقونة تمثل جزءا من القالب ..فمثلا يوجد
مربع البحث .. مكان موديلات user1 , user2 , ومكان لل body ولكــــــــن احذر ..
هذه الضافة لقوالب جوملا 1.0 .. ولكن كما قلنا مع جوملا العرب لن تجد لليأس طريق .
في الجداول الأساسية عندنا في قالبنا .. في ال body سننشطه ونضغط على ايقونة ال body في شريط JoomlaSolution .
وفي مكان كل موديل نضغط على ايقونة كل موديل ووضعها في مكانها ... 
في هذه الاضافة تعطيك user1 , user 2 فقط .. فلا يهمنا ذلك .. قم بتكرارهم كما تشاء .. ثم سنعدل عليهم في كود قالبنا من خلال الدريم ويفر .
قبل ان ننتقل من هنا يجب علينا وضع ايقونات ال php التي وضعناها في جداول قالبنا كما في الصورة ال right , top
ويتم تعديلها من شريط properties اسفل .
 الآن نضغط على ايقونة Code كود في شريط الدريم ويفر .. ثم نحذف الكود المشار اليه في الصورة التالية .. ونستبدله بكود جوملا 1.5 وهو الكود الملائم الي العمل مع محركات البحث وال sef وهو ليس الا مقدمة لصفحة ال php ..
الكود المراد هو موجود في مقدمة اي قالب جوملا لذا نأخذه وننسخه من القالب الافتراضي لجوملا rhuk Milkawy وننسخ من المقمة اعلى ال head/ كما في الصورة .
مع مسح السطر الخاص بال dir اى اتجاه الصفحة لانه سيقلب اتجاه الجداول ويسيء المظهر .

ليست هناك تعليقات:

إرسال تعليق