منتديات المجاوشي - شرح: عرض خطط الاستضافة في جداول ملونة. سكربت whmcs

السلام عليكم ورحمة الله وبركاته
تختلف طرق عرض خطط الاستضافة في سكربت whmcs . وذلك بحسب رغبة وزوق المشرف على موقع الاستضافة.
ويسعدني ان اقدم لكم شرح بسيط لعرض خطط الاستضافة في جداول داخل سكربت whmcs وذلك عن طريق برنامج ميكروسوفت فرونت بيج.
نبدأ بسم الله:
1-افتح برنامج الفرونت بيج .
2- من قائمة "جدول" أو "table" قم باختيار ادراج جدول كما بالصورة التاليةhttp://www.traidnt.net/vb/attachment...0-picture6.jpg:

ستظهر لك خيارات الجدول من حيث عدد الصفوف والاعمدة. قم باختيار الاعداد التي ترغب بها وذلك حسب الخدمات التي ستقدمها.
بعد ذلك اضغط يمين الفارة واختر خصائص الجدول كما في الصورة التالية:
http://www.traidnt.net/vb/attachment...5-picture7.jpg

قم بالتغيير في خصائص الجدول من حيث الالوان واحجام الخلايا بحسب زوقك. كما في الصورة التالية:
http://www.traidnt.net/vb/attachment...6-picture8.jpg

في النهاية انقر موافق او حفظ.
ثم قم بملأ الخلايا بالبيانات والخدمات التي تريد عرضها للزائرين. كما في الصورة التالية كمثال:
http://www.traidnt.net/vb/attachment...2-picture9.jpg

بعد الانتهاء من جميع البيانات والوصول الى الشكل النهائي المرغوب للجدول. اضغط على تبويبة عرض html الموجودة في اسفل الفرونت بيج. كما في الصورة التالية:
http://www.traidnt.net/vb/attachment...-picture10.jpg

من قائمة الخيارات في فرونت بيج اختر "تحرير" او "Edit" ثم تحديد الكل أو select all . كما في الصورة التالية:
http://www.traidnt.net/vb/attachment...-picture11.jpg

اضغط بيمين الفارة ثم اختر نسخ أو copy لجميع المحتويات المظللة.

الان اذهب الى لوحة تحكم سكربت whmcs ومن قائمة setup اختر products/services:
http://www.traidnt.net/vb/attachment...2-picture2.jpg

ثم قم باختيار خطة الاستضافة التي ترغب في التعديل عليها واضغط على علامة التعديل:
http://www.traidnt.net/vb/attachment...0-picture3.jpg

اضغط بيمين الفارة داخل مربع وصف المنتج product description واختر لصق للكود الذي نسخته من الفرونت بيج:
http://www.traidnt.net/vb/attachment...2-picture4.jpg

اختر save changes لحفظ التغييرات.

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

الصور المصغرة المرفقة http://www.traidnt.net/vb/attachment...t-picture6.jpg http://www.traidnt.net/vb/attachment...t-picture7.jpg http://www.traidnt.net/vb/attachment...t-picture8.jpg http://www.traidnt.net/vb/attachment...t-picture9.jpg http://www.traidnt.net/vb/attachment...-picture10.jpg http://www.traidnt.net/vb/attachment...-picture11.jpg http://www.traidnt.net/vb/attachment...t-picture2.jpg http://www.traidnt.net/vb/attachment...t-picture3.jpg http://www.traidnt.net/vb/attachment...t-picture4.jpg

أكثر...