*********** قل أولا سبحان الله وبحمده.....سبحان الله العظيم
السلام عليكم
فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل حسب ما يحب... [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لفعل ذلك, المرجو اتباع الشرح التالي و المكون من 3 مراحل بدقة شديدة:
1. المرحلة الأولى: اعداد ورقة ال css الخاصة بالستايلات.
1. اول شيء تقوم به قبل بدئ عملية التنسيق هو ان تبحث في موقع مشاطرة الستايلات [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] عن كل الستايلات التي تريد ان تضعها في نفس الوقت على منتداك (ملاحظة هامة: يجب عليك اجباريا ان تختار تصاميم من نفس نسخة منتداك).
2. نحن سنختار هنا للمثال فقط لا للحصر 4 تصاميم هي:
3. كما يمكنك ملاحظته, كل تصميم يتميز برقم تعريفه على شكل ar.hitskin.com/search-skin/skin-xxxxxx.htm و هذا الرقم الخاص بتعريف التصميم هو الذي يهمنا في موضوعنا هذا
4. قم بنسخ ارقام تعريف كل التصاميم التي تريد ان تضعها على منتداك و اضفها في المكان المخصص لها و المحدد بعلامات xxxxxx في رابط ورقة ال css التالي [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] . ثم عوض forum_url برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال HTML : ثم قم بانشاء صفحة HTML جديدة.
6. اعط عنوان لصفحتك ثم تأكد ان الخاصيتين "هل تود استعمال أعلى و أسفل صفحة منتداك؟" "استعمال هذه الصفحة كصفحة رئيسية؟" موضوعتين على "لا"
7. قم بنسخ الكود التالي و وضعه في صفحة ال HTML التي انشأت (نفس الكود تم ارفاقه في ملف مع هذا الموضوع تحت اسم themes_selector.txt ):
الرمز:
var type = getCookie('template1'); var temsel = document.getElementById('temsel'); temsel.innerHTML ='onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();">value="valeur1">التصميم 1value="valeur2">التصميم 2value="valeur3">التصميم 3value="valeur5">التصميم 4';
if (type == 'valeur1') { document.write(''); } else if (type == 'valeur2') { document.write(''); } else if (type == 'valeur3') { document.write(''); } else if (type == 'valeur4') { document.write(''); } else if (type == 'valeur5') { document.write(''); }
function changeskin(change) { var scheme = change; var name = 'template1'; var pathname = location.pathname; //var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/'; var ExpDate = new Date (); ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000)); setCookie(name,scheme,ExpDate,'/'); } function getCookie(name){ var cname = name + "="; var dc = document·cookie; if (dc.length > 0) { begin = dc.indexOf(cname); if (begin != -1) { begin += cname.length; end = dc.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin, end)); } } return null; } function setCookie(name, value, expires, path, domain, secure) { document·cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); }
8. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
9. لتغيير اسم التصميم, عليك ان تغير الأسماء المتواجدة بين الكودين التصميم 1 في هذا المثال اذا اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التصميم 1" فما عليك الا تغيير الإسم لا غير.
10. تغيير رابط ورقة ال css الذي هو على هذا الشكل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل الروابط المتواجدة افتراضياً.
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
الرمز:
التي تتزاوج مع الكود :
الرمز:
if (type == 'valeur1') { document.write(''); }
لتعطي في لائحة الإختيار "التصميم 1".
اذا اردت ان تضيف تصميم اضافي فما عليك اذاً الا ان تضيف بعد آخر وسم (بين الوسمين و ) كود جديد لتعريف التصميم الإضافي, مثلا:
الرمز:
تضيفه هكذا:
الرمز:
var type = getCookie('template1'); var temsel = document.getElementById('temsel'); temsel.innerHTML ='onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();">value="valeur1">التصميم 1value="valeur2">التصميم 2value="valeur3">التصميم 3value="valeur5">التصميم 4value="valeur6">التصميم 5';
ثم تضيف الكود التالي:
الرمز:
else if (type == 'valeur6') { document.write(''); }
في نهاية فقرة اكواد else if بالشكل التالي:
الرمز:
if (type == 'valeur1') { document.write(''); } else if (type == 'valeur2') { document.write(''); } else if (type == 'valeur3') { document.write(''); } else if (type == 'valeur4') { document.write(''); } else if (type == 'valeur5') { document.write(''); } else if (type == 'valeur6') { document.write(''); }
فتضيف هذين الزوجين اعلاه بقدر عدد التصاميم التي تريد اضافتها في منتداك. و بالعكس, تحذف عدد الأزواج التي تريد لتقلل من عدد التصاميم او تحذف واحداً منها او اكثر.
11. بعد ان تعدل الكود الذي وضعته في صفحة ال html كما طلبنا اعلاه, قم بحفظ التسجيلات في صفحتك. ثم عد الى ادارة صفحات ال html لتحصل على عنوان الأنترنت لصفحة ال html التي انشأت و قم بنسخه و احتفظ به فسنحتاجه في المرحلة القادمة.
3. المرحلة الثالتة: تفعيل اختيار الستايلات على المنتدى.
12. قم بنسخ الكود التالي بعد ان تقوم بتغيير الرابط
13. الأمر الآن سهل جدا. فما عليك الا الدخول الى لوحة ادارتك >> ادارة عامة >> تشكيل >> وصف المنتدى ثم تنسخ و تلصق فيه الكود الذي اعددته في المرحلة 12.
ملاحظة:
يمكن لمن اشترى حق تعديل التومبلايتات ان يقوم بوضع الكود المحصل عليه في المرحلة 12 مباشرة في التومبلايت overall_header عوض وضعه في وصف المنتدى. في هذه الحالة, يجب عليه ان يضع الكود المحصل عليه في المرحلة 12 مباشرة بعد الكود التالي في التومبلايت المذكور:
الرمز:
{SITE_DESCRIPTION}
14. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
موضوع: شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتد 
