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

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

موضوع مغلق


23-02-2014 01:39 مساءً
محمد
معلومات الكاتب
السلام عليكم أرجو من الخبراء شرح نقطة تعددية الألوان في الإستايل

تابعت هدا الموضوع ولم أستفد:

https://pbboard.info/forums/t6740

أريد شرح كامل فقط مع كافة المستلزمات ...



انا مقبل على تحويلل إستايلات متعددة الألوان وأفشل في تحويل تعددية الالوان

تم تحرير الموضوع بواسطة :ezzeldean بتاريخ: 23-02-2014 05:03 مساءً


look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  23-02-2014 05:05 مساءً   [1]
ezzeldean
معلومات الكاتب
من وجهة نظرى لا يوجد شرح بعد الشرح الموجود فى الرابط المُرفق ، من فضلك حدد النقطة التى لم تفهمها بعد و أنا سأوضحها لك



تحياتى ،،،

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  24-02-2014 10:27 صباحاً   [2]
محمد
معلومات الكاتب
أخي فهمت الشرح وعمل الكود الذي في الشرح المرفق ولكن طبقت الطريقة ولم تنجح لا اعرف اين المشكله .......

لكن لو تعمل شرح طريقتك انت في تحويل تعدد الالوان اخي عز الدين اكون منون لك..

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  24-02-2014 01:26 مساءً   [3]
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 مساءً


look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  24-02-2014 05:04 مساءً   [4]
alshweb
معلومات الكاتب
نجحت الطريقة شكراً لك ....شرح عمل ستايل متعدد الألوان.

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  24-02-2014 06:16 مساءً   [5]
محمد
معلومات الكاتب
جزاك الجنه أخي عز الدين نجحت بإمتياز شكراً لك........شرح عمل ستايل متعدد الألوان

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  24-02-2014 07:18 مساءً   [6]
ezzeldean
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: alshweb نجحت الطريقة شكراً لك ....شرح عمل ستايل متعدد الألوان.



المشاركة الأصلية كتبت بواسطة: محمد جزاك الجنه أخي عز الدين نجحت بإمتياز شكراً لك........شرح عمل ستايل متعدد الألوان




الحمد لله أن الطريقة نجحت و قد أفدتكم ، و شكراً لكم على الرد شرح عمل ستايل متعدد الألوان



تحياتى ،،،


look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  26-02-2014 05:04 مساءً   [7]
محمد
معلومات الكاتب
لكن هناك إستفسار آخر كيف أجعل أحد الالوان هو الإفتراضي مثلأ إذا كنت أريد الأزرق هو إفتراضي.

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  26-02-2014 05:45 مساءً   [8]
ezzeldean
معلومات الكاتب
المشاركة الأصلية كتبت بواسطة: محمد لكن هناك إستفسار آخر كيف أجعل أحد الالوان هو الإفتراضي مثلأ إذا كنت أريد الأزرق هو إفتراضي.




إتبع هذه الخطوة

https://pbboard.info/forums/t15563&password=&count=24#76582

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  26-02-2014 07:50 مساءً   [9]
محمد
معلومات الكاتب
نعم رأيتها من قبل ولكن لم أجد هذا الكود في ملف الجافاسيكربت ..

CODE
setActivestyleSheet(pTitle)

look/images/icons/i1.gif شرح عمل ستايل متعدد الألوان
  26-02-2014 08:10 مساءً   [10]
ezzeldean
معلومات الكاتب
قلت لك فى رد سابق يمكنك تحميل ملف الجافا من رابط الموضوع الذى أرفقته من البداية

https://pbboard.info/forums/t6740


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
ستايل فاست بلو (Fast Blue) 2026 لمنتدى PBBoard النسخة 3.0.4 Soliman
22 656 mohamed bakr
كيف يمكنني أن اغير اللون الازرق في ستايل Fast Blue شبعان
7 60 شبعان
مشكلة عدم ظهور خيار "الملف الشخصي" في القائمة الجانبية (☰) لستايل Fast Blue – PBBoard شبعان
2 28 شبعان
مشكله في تكرار الصور في ستايل Helpernt Marine شبعان
4 55 شبعان
قمت بترقية استايل Helpernt اختفت جميع التعديلات شبعان
8 130 Soliman

الكلمات الدلالية
لا يوجد كلمات دلالية ..






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