درس تصميم سكربت whmcs







هذا الدرس سنتلعم فيه طريقة تقطيع وتركيب قوالب سكربت whmcs وسنتعلم فقط التعديل علي قالب header.tpl وهو اهم شيئ في التصميم حيث انه يوجد به التالي :- 1- الهيدر (الصورة اعلي الصفحه) اجباري 2- الاعلانات (اسفل الهيدر) اختياري 3- القوائم الجانبيه (اجباري) ~|| الدرس || ~ اولا نفتح صفحه فوتوشوب جديده بهذه المقاسات

ونصمم الهيدر كما نشاء , ملحوظه : لن نراعي الجمال في هذا الدرس فهو فقط للتعلم ونقطعه مثل ما بالصورة (جزء ايمن - منطقة تمدد - جزء ايسر)

الان بعد ما صممنا الهيدر وقطعناه نفتح صفحه فرونت بيج ونضيف جدول 1*3 بهذه الاعدادات

ونضيف الصور فيه كالتالي (وسنلاحظ لخبطه في التصميم)

ولضبطة نقوم بالضغط بجوار كل صورة واختيار (خصائص الخليه) ونفعل مثل هذا في كل صورة مع مراعاة تغيير العرض

سيكون الناتج

وهكذا نكون انتهينا من تصميم وتقطيع وتوزيع الهيدر ندخل علي تصميم وتقطيع وتوزيع القوائم الجانبيه اولاً صمم القائمه الجانبيه كما تشاء (ملحوظه) : يمكن استبدال القائمه الجانبيه بصور او شريط او اي فكرة في دماغك (وهذه ميزه جيده في whmcs ) هذا ما انا صممته

ثم نضيف جدول 3*3 بهذه الاعدادات

ونضيف الصور فيه فيكون هكذا (ملحوظه الخلايا الموجود بها لون اصفر تمدد وليس صور عاديه)

ثم نقوم بعمل (خصائص الخليه) ونفعل كام فعلنا مع الهيدر ونضيف الصور او الروابط في الخليه الفارغه في المنتصف فيكون الناتج هكذا

ونكون انتهينا الان نقوم بفتح تعليمات برمجيه الموجوده اسفل الفرونت بيج وننسخ الكود ونضعه في المفكرة NotePad ونعلم حفظ ونسميه هكذا

الان نكون انتهينا من نصف التصميم الباقي هو التالي :- 1- تعديل السي اس اس 2- تعديل الصفحات (ملفات tpl ) 3- اضافة الصفحات بي اتش بي ~|| css ||~ ستجد مع اي تصميم ملف سي اس اس وغالبا يكون اسمه style.css افتح بالفرونت بيج ويجب عليك تعديل التالي (ابرز الالوان) لون الخط , لون الرابط , لون الخلفيه لون الخط ستتعرف عليه ويكون اسمه text visited ابحث عنه لون الرابط ستتعرف علي ويكون اسمه text hovered ابحث عنه لون الخلفيه ستتعرف عليه ويكون اسمه background ابحث عنه ~|| TPL ||~ ستجد مع اي تصميم ملفات xxx.tpl حيث xxx ستكون host , reseller , vps ..... وهكذا افتحه بالفرونت بيج وعدل عليه او لو هو ستايل جديد وليس تعديل علي اي ستايل قديم قم بفتح الفرونت بيج واعمل اللي انت عايزة وبعد ما تخلص حطه في المفكرة وسيفه زي ملف (الهيدر دوت تي بي ال) ~|| PHP ||~ ساقوم بوضعها بعد تفاعل الاعضاء

انتهي الدرس

http://www.traidnt.net/vb/showthread.php?t=1754041