أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

شرح عمل ستايل متعدد الألوان

مشاهدة المشاركة في الموضوع بالعرض العادي

: شرح عمل ستايل متعدد الألوان

24-02-2014 01:26 مساءً

ezzeldean

السلام عليكم و رحمة الله و بركاته ،،،

المشكلة فى أن مسار الستايلات تم تعديلها فى النسخة 3.0.0 عن النسخة 2.1.4 .. كيف ؟؟!

فى النسخة 2.1.4 مسار الستايلات

CODE

look/styles/forum/main/css/style1.css<br />

أما فى النسخة 3.0.0 و 3.0.1 تكون

CODE

styles/main/css/style1.css<br />
	<br />

على العموم إليك ما تريد .. تابع معى أخى الكريم هذا الشرح المبسط و إن شاء الله يفيدك ...

أنت الآن تريد عمل ستايل متعدد الألوان صحيح ؟؟! حسناً لنفترض أنك تريد عمل ستايل بثلاثة ألوان ، إذا يجب أن يكون لديك تصميم بثلاثة ألوان و 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 " بصور صغيرة إذا كنت لا تريد ظهورها على هئية كلمة

حفظ .. ثم إنتهى ،،،

تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:24-02-2014 02:02 مساءً

الساعة الآن 07:28 PM