السلام عليكم و رحمة الله و بركاته ،،،
المشكلة فى أن مسار الستايلات تم تعديلها فى النسخة 3.0.0 عن النسخة 2.1.4 .. كيف ؟؟!
فى النسخة 2.1.4 مسار الستايلات
CODE
look/styles/forum/main/css/style1.css
أما فى النسخة 3.0.0 و 3.0.1 تكون
CODE
styles/main/css/style1.css
على العموم إليك ما تريد .. تابع معى أخى الكريم هذا الشرح المبسط و إن شاء الله يفيدك ...
أنت الآن تريد عمل ستايل متعدد الألوان صحيح ؟؟! حسناً لنفترض أنك تريد عمل ستايل بثلاثة ألوان ، إذا يجب أن يكون لديك تصميم بثلاثة ألوان و 3 ملفات CSS .
لنفترض أن الألوان هى الأزرق و الأخضر و الأصفر ، إذا يجب أن يكون هناك ملفات CSS لهذه الألوان و لنفترض أن يكونوا : style-blue.css - style-green.css style-yellow.css لتقوم بتحديد كل ملف و اللون الخاص به و يجب أن تضعه فى مجلد CSS للستايل ...
أنت الآن قمت بعمل ملفات الـ CSS اللازمة للستايل متعدد الألوان ، إذا أنت بحاجه لكود يقوم بعمل تهيئة عمل تعددية الألوان و هذا عن طريق البحث فى قالب headinclud
عن
CODE
<link rel="stylesheet" href="{$style_path}" type="text/css" />
ثم تقوم بإضافة الكود التالى بعده مباشرة
CODE
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="styles/main/css/style-blue.css" />
<script src="styles/main/styleswitch.js" type="text/javascript"></script>
السطر الأول هو سطر اللون الذى تريد إضافته أما السطر الثانى هو مسئول عن إستدعاء ملف جافا لإمكانية تعدد الألوان و حفظ الكوكيز ، نحن الآن نريد إضافة 3 ألوان .. إذا سيكون الكود كالتالى
CODE
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="styles/main/css/style-blue.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="styles/main/css/style-green.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="style1" href="styles/main/css/style-yellow.css" />
<script src="styles/main/styleswitch.js" type="text/javascript"></script>
و يمكنك تحميل ملف الجافا من الموضوع الأصلى مع وضعه فى مجلد الستايل و قد وضعنا مثال لإسم مجلد الستايل بـ main
نأتى لآخر نقطة و هى وضع كود إستدعاء الألوان ليظهر بهذا الشكل مثلاً
لإضافة كود إستدعاء الألوان ليظهر كما الشكل حدد أولاً مكان مناسب لوضع هذا الكود بعدها قم بوضع الكود التالى فى المكان المحدد
CODE
<a href="javascript:chooseStyle('none', 60)">Blue</a>
<a href="javascript:chooseStyle('style-green', 60)">Green</a>
<a href="javascript:chooseStyle('style-yellow', 60)">Yellow</a>
لاحظ أن اللون الأول هو الإفتراضى بسبب كلمة none ، كما يمكنك تغيير الكلمة " Blue - Green - Yellow " بصور صغيرة إذا كنت لا تريد ظهورها على هئية كلمة
حفظ .. ثم إنتهى ،،،
شرح عمل ستايل متعدد الألوان
.
