romaissa
10-30-2013, بتوقيت غرينيتش 02:13 PM
السلام عليكم ورحمة الله وبركاته
الان مؤسسه ميكرو فور هوست تقدم لكم درس مفصل تصميم قالب template لسكربت الدعم الفني الشهير
WHMCS
وحتي الان لا يوجد اي درس مفصل لتصميم هذا السكربت
وتحتكر الطريقة شركات الاستضافه والتصميم http://www.dzbatna.com/images/smilies/thumbdown.gif
لكن ميكرو فور هوست تضع لكم الطريقة بين ايديكم http://www.dzbatna.com/images/smilies/icon31.gif
انتظروا الصور تحمل فعددها 11 صورة
~|| معلومات الدرس مفصل || ~
تم انشاؤه يوم : 25 -12 -2014
عدد الصور : 11 صورة
الصور مرفوعه علي : مركز رفع الصور الشهير ايمدج شاك
تم اضافته من قبل : مؤسسه ميكرو فور هوست
هذا الدرس مفصل سنتلعم فيه طريقة تقطيع وتركيب install قوالب سكربت
whmcs
وسنتعلم فقط التعديل علي قالب template header.tpl وهو اهم شيئ في التصميم حيث انه يوجد به التالي :-
1- الهيدر header (الصورة اعلي الصفحه) اجباري
2- الاعلانات (اسفل الهيدر header) اختياري
3- القوائم الجانبيه (اجباري)
~|| الدرس مفصل || ~
اولا نفتح صفحه فوتوشوب جديده بهذه المقاسات
http://img213.imageshack.us/img213/9595/micro1m.jpg
ونصمم الهيدر header كما نشاء , ملحوظه : لن نراعي الجمال في هذا الدرس مفصل فهو فقط للتعلم
ونقطعه مثل ما بالصورة (جزء ايمن - منطقة تمدد - جزء ايسر)
http://img816.imageshack.us/img816/4761/micro2j.jpg
الان بعد ما صممنا الهيدر header وقطعناه نفتح صفحه فرونت بيج ونضيف جدول 1*3 بهذه الاعدادات
http://img263.imageshack.us/img263/6272/micro3f.jpg
ونضيف الصور فيه كالتالي (وسنلاحظ لخبطه في التصميم)
http://img263.imageshack.us/img263/8650/micro4.jpg
ولضبطة نقوم بالضغط بجوار كل صورة واختيار (خصائص الخليه) ونفعل مثل هذا في كل صورة مع مراعاة تغيير العرض
http://img709.imageshack.us/img709/4558/micro5.jpg
فيكون الناتج هكذا
http://img507.imageshack.us/img507/2983/micro6.jpg
وهكذا نكون انتهينا من تصميم وتقطيع وتوزيع الهيدر header
ندخل علي تصميم وتقطيع وتوزيع القوائم الجانبيه
اولاً صمم القائمه الجانبيه كما تشاء (ملحوظه) : يمكن استبدال القائمه الجانبيه بصور او شريط او اي فكرة في دماغك (وهذه ميزه جيده في whmcs )
هذا ما انا صممته
http://img211.imageshack.us/img211/2125/micro7.jpg
ثم نضيف جدول 3*3 بهذه الاعدادات
http://img718.imageshack.us/img718/7916/micro8.jpg
ونضيف الصور فيه فيكون هكذا (ملحوظه الخلايا الموجود بها لون اصفر تمدد وليس صور عاديه)
http://img824.imageshack.us/img824/6186/micro9.jpg
ثم نقوم بعمل (خصائص الخليه) ونفعل كام فعلنا مع الهيدر header ونضيف الصور او الروابط في الخليه الفارغه في المنتصف فيكون الناتج هكذا
http://img225.imageshack.us/img225/2116/micro10.jpg
ونكون انتهينا http://www.dzbatna.com/images/smilies/icon30.gif
الان نقوم بفتح تعليمات برمجيه الموجوده اسفل الفرونت بيج وننسخ الكود code ونضعه في المفكرة NotePad
ونعلم حفظ ونسميه هكذا
http://img338.imageshack.us/img338/5801/micro11.jpg
الان نكون انتهينا من نصف التصميم الباقي هو التالي :-
1- تعديل السي اس اس
2- تعديل الصفحات (ملفات tpl )
3- اضافة الصفحات بي اتش بي
~|| css ||~
ستجد مع اي تصميم ملف سي اس اس وغالبا يكون اسمه style.css افتح بالفرونت بيج
ويجب عليك تعديل التالي (ابرز الالوان)
لون الخط , لون الرابط , لون الخلفيه
لون الخط ستتعرف عليه ويكون اسمه text visited ابحث عنه
لون الرابط ستتعرف علي ويكون اسمه text hovered ابحث عنه
لون الخلفيه ستتعرف عليه ويكون اسمه background ابحث عنه
~|| TPL ||~
ستجد مع اي تصميم ملفات xxx.tpl حيث xxx ستكون host , reseller , vps ..... وهكذا افتحه بالفرونت بيج وعدل عليه
او لو هو ستايل style جديد وليس تعديل علي اي ستايل style قديم قم بفتح الفرونت بيج واعمل اللي انت عايزة وبعد ما تخلص حطه في المفكرة وسيفه زي ملف (الهيدر header دوت تي بي ال)
~|| PHP ||~
ساقوم بوضعها بعد تفاعل الاعضاء
مع تحيات ادارة مؤسسه ميكرو فور هوست www.micro4h.com (http://www.micro4h.com)
للاستفسارات وطلب الخدمات المدفوعه الرجاء اضافة :-
adminhttp://www.dzbatna.com/images/mail.gifmicro4h.com
في امان الله واتمني الدرس مفصل يفيدكم
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif صور الشرح.zip (http://www.traidnt.net/vb/attachments/543109d1293301539-صور-الشرح.zip) (354.4 كيلوبايت, عدد مرات المشاهدة 106 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
الان مؤسسه ميكرو فور هوست تقدم لكم درس مفصل تصميم قالب template لسكربت الدعم الفني الشهير
WHMCS
وحتي الان لا يوجد اي درس مفصل لتصميم هذا السكربت
وتحتكر الطريقة شركات الاستضافه والتصميم http://www.dzbatna.com/images/smilies/thumbdown.gif
لكن ميكرو فور هوست تضع لكم الطريقة بين ايديكم http://www.dzbatna.com/images/smilies/icon31.gif
انتظروا الصور تحمل فعددها 11 صورة
~|| معلومات الدرس مفصل || ~
تم انشاؤه يوم : 25 -12 -2014
عدد الصور : 11 صورة
الصور مرفوعه علي : مركز رفع الصور الشهير ايمدج شاك
تم اضافته من قبل : مؤسسه ميكرو فور هوست
هذا الدرس مفصل سنتلعم فيه طريقة تقطيع وتركيب install قوالب سكربت
whmcs
وسنتعلم فقط التعديل علي قالب template header.tpl وهو اهم شيئ في التصميم حيث انه يوجد به التالي :-
1- الهيدر header (الصورة اعلي الصفحه) اجباري
2- الاعلانات (اسفل الهيدر header) اختياري
3- القوائم الجانبيه (اجباري)
~|| الدرس مفصل || ~
اولا نفتح صفحه فوتوشوب جديده بهذه المقاسات
http://img213.imageshack.us/img213/9595/micro1m.jpg
ونصمم الهيدر header كما نشاء , ملحوظه : لن نراعي الجمال في هذا الدرس مفصل فهو فقط للتعلم
ونقطعه مثل ما بالصورة (جزء ايمن - منطقة تمدد - جزء ايسر)
http://img816.imageshack.us/img816/4761/micro2j.jpg
الان بعد ما صممنا الهيدر header وقطعناه نفتح صفحه فرونت بيج ونضيف جدول 1*3 بهذه الاعدادات
http://img263.imageshack.us/img263/6272/micro3f.jpg
ونضيف الصور فيه كالتالي (وسنلاحظ لخبطه في التصميم)
http://img263.imageshack.us/img263/8650/micro4.jpg
ولضبطة نقوم بالضغط بجوار كل صورة واختيار (خصائص الخليه) ونفعل مثل هذا في كل صورة مع مراعاة تغيير العرض
http://img709.imageshack.us/img709/4558/micro5.jpg
فيكون الناتج هكذا
http://img507.imageshack.us/img507/2983/micro6.jpg
وهكذا نكون انتهينا من تصميم وتقطيع وتوزيع الهيدر header
ندخل علي تصميم وتقطيع وتوزيع القوائم الجانبيه
اولاً صمم القائمه الجانبيه كما تشاء (ملحوظه) : يمكن استبدال القائمه الجانبيه بصور او شريط او اي فكرة في دماغك (وهذه ميزه جيده في whmcs )
هذا ما انا صممته
http://img211.imageshack.us/img211/2125/micro7.jpg
ثم نضيف جدول 3*3 بهذه الاعدادات
http://img718.imageshack.us/img718/7916/micro8.jpg
ونضيف الصور فيه فيكون هكذا (ملحوظه الخلايا الموجود بها لون اصفر تمدد وليس صور عاديه)
http://img824.imageshack.us/img824/6186/micro9.jpg
ثم نقوم بعمل (خصائص الخليه) ونفعل كام فعلنا مع الهيدر header ونضيف الصور او الروابط في الخليه الفارغه في المنتصف فيكون الناتج هكذا
http://img225.imageshack.us/img225/2116/micro10.jpg
ونكون انتهينا http://www.dzbatna.com/images/smilies/icon30.gif
الان نقوم بفتح تعليمات برمجيه الموجوده اسفل الفرونت بيج وننسخ الكود code ونضعه في المفكرة NotePad
ونعلم حفظ ونسميه هكذا
http://img338.imageshack.us/img338/5801/micro11.jpg
الان نكون انتهينا من نصف التصميم الباقي هو التالي :-
1- تعديل السي اس اس
2- تعديل الصفحات (ملفات tpl )
3- اضافة الصفحات بي اتش بي
~|| css ||~
ستجد مع اي تصميم ملف سي اس اس وغالبا يكون اسمه style.css افتح بالفرونت بيج
ويجب عليك تعديل التالي (ابرز الالوان)
لون الخط , لون الرابط , لون الخلفيه
لون الخط ستتعرف عليه ويكون اسمه text visited ابحث عنه
لون الرابط ستتعرف علي ويكون اسمه text hovered ابحث عنه
لون الخلفيه ستتعرف عليه ويكون اسمه background ابحث عنه
~|| TPL ||~
ستجد مع اي تصميم ملفات xxx.tpl حيث xxx ستكون host , reseller , vps ..... وهكذا افتحه بالفرونت بيج وعدل عليه
او لو هو ستايل style جديد وليس تعديل علي اي ستايل style قديم قم بفتح الفرونت بيج واعمل اللي انت عايزة وبعد ما تخلص حطه في المفكرة وسيفه زي ملف (الهيدر header دوت تي بي ال)
~|| PHP ||~
ساقوم بوضعها بعد تفاعل الاعضاء
مع تحيات ادارة مؤسسه ميكرو فور هوست www.micro4h.com (http://www.micro4h.com)
للاستفسارات وطلب الخدمات المدفوعه الرجاء اضافة :-
adminhttp://www.dzbatna.com/images/mail.gifmicro4h.com
في امان الله واتمني الدرس مفصل يفيدكم
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif صور الشرح.zip (http://www.traidnt.net/vb/attachments/543109d1293301539-صور-الشرح.zip) (354.4 كيلوبايت, عدد مرات المشاهدة 106 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
