تعمل نسخة من ملف الإستايل style.css مثلا style1.css وتضعه في نفس المجلد css
عدل على الملف الجديد كما تريد من حيث الالوان والصور ....
عدل على ملف headinclud.tpl بالبحث عن
CODE
<link rel="stylesheet" href="{$style_path}" type="text/css" />
أضف بعده
CODE
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="look/styles/forum/main/css/style1.css" />
<script src="look/styles/forum/main/styleswitch.js" type="text/javascript"></script>
لاحظ وجود ملف سكربت هو المسئول عن تغيير الستايل وحفظ بالكوكيز.
ستحتاج للملف styleswitch.js ولاحظ مكان وجوده في نفس مجلد main. يمكنك تغيير ذلك وتغيير المسار في الكود.
الملف مرفق إذا ليس لديك) وعليك ارفاقه في الإستايل الذي تنوي تصميمه.
ولإضافة تصميم بلون آخر كرر ما سبق وسيصبح الكود كالتالي:
CODE
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="look/styles/forum/main/css/style1.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="style2" href="look/styles/forum/main/css/style2.css" />
<script src="look/styles/forum/main/styleswitch.js" type="text/javascript"></script>
الان وقت وضع كود استدعاء التصميم للمستخدم. يمكن عملها بقائمة اختيار او رابط على صورة او مجرد رابط نصي كالتالي.
اختر القالب المناسب مثلا header.tpl وضع فيه الكود التالي:
رابط نصي سيظهر
CODE
<a href="javascript:chooseStyle('style1', 60)">Style1</a>
<a href="javascript:chooseStyle('style2', 60)">Style2</a>
<a href="javascript:chooseStyle('none', 60)">Default</a>
Style1 Style2 Default
وهذا كود قائمة اختيارات.
CODE
<select onchange="chooseStyle(this.value, 60)">
<option value="none">default</option>
<option value="style1">style1</option>
<option value="style2">style2</option>
</select>
احفظ القوالب وارفع ملف السكربت مرفق ملف للتطبيق.
الملف المرفق تطبيق ما سبق على الإستايل الإفتراضي
تم فقط تغيير لون الخلفية في كل ملف ستايل
تم فقط تغيير لون الخلفية في كل ملف ستايل