الموضوع سهل وهو كالتالي:
تعمل نسخة من ملف الإستايل 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>
احفظ القوالب وارفع ملف السكربت مرفق ملف للتطبيق.
الملف المرفق تطبيق ما سبق على الإستايل الإفتراضي
تم تحرير الموضوع بواسطة :emovip
zip
مرات التحميل :(191 )
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 12:26 مساءً
[
1 ]
معلومات الكاتب
الأعضاء
عضـو ستـار
26-10-1994
رائع أخي الكريم .. جزاكم الله خيراً
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 02:33 مساءً
[
2 ]
معلومات الكاتب
الأعضاء
عضو سوبر ستار
13-7-1993
جميل جداً و إن شاء الله أعمل تصميم متعدد الألوان فى الفترة القادمة
تم تحرير المشاركة بواسطة :ezzeldean
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 03:03 مساءً
[
3 ]
معلومات الكاتب
الأعضاء
عضـو بـارز
20-2-1990
هو دا الكلام..100%
والاجمل اني عرفت ان ممكن ملف الجافا يقوم بعمل الكوكيز..<جديدة عليَّ>
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 03:09 مساءً
[
4 ]
شرح اكثر من رائع
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 05:13 مساءً
[
5 ]
العفو ... بارك الله فيكم جميعاً.
شرح طريقة عمل ستايل متعدد الألوان
27-07-2011 11:01 مساءً
[
6 ]
معلومات الكاتب
الأعضاء
عضو سوبر ستار
العضو غائب
بلاكهرباء حتى اشعار آخر ,والمعذرة على الغياب المتكررلأسباب وظروف ولله الحمد , دعواتكم لبلادي وبلاد المسلمين ..
دائما تعود لنا بأشياء جميلة ورائعة اخي
شرح طريقة عمل ستايل متعدد الألوان
05-08-2011 05:29 مساءً
[
7 ]
معلومات الكاتب
الأعضاء
عضـو نشيط
18-7-1990
مشكور الاخ Emovip
معلومات الكاتب
شرح طريقة عمل ستايل متعدد الألوان27-07-2011 02:33 مساءً [2]
معلومات الكاتب
معلومات الكاتب
والاجمل اني عرفت ان ممكن ملف الجافا يقوم بعمل الكوكيز..<جديدة عليَّ>
