منتدى دعم PBBoard الرسمي
(نسخة قابلة للطباعة من الموضوع)
https://pbboard.info/forums/t6740
أنقر هنا لمشاهدة الموضوع بهيئته الأصلية

شرح طريقة عمل ستايل متعدد الألوان
PhpMax 27-07-2011 12:17 مساءً
الموضوع سهل وهو كالتالي:

تعمل نسخة من ملف الإستايل 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>



احفظ القوالب وارفع ملف السكربت مرفق ملف للتطبيق.


الملف المرفق تطبيق ما سبق على الإستايل الإفتراضي
تم فقط تغيير لون الخلفية في كل ملف ستايل
منتدى دعم PBBoard الرسمي

Copyright © 2009-2024 PBBoard® Solutions. All Rights Reserved