[XF 2.x Style] : استايل اوركيد

بسم الله الرحمن الرحيم
الحمد لله والصلاة والسلام على اشرف اﻻنبياء والمرسلين نبينا محمد وعلى آله وصحبة اجمعين
اقدم لكم اليوم استايل اوركيد وهو من تصميم اخونا سليمان وتم تطويره لكي يتناسب مع نسخة الزين فورو وذلك بعد اخذ اﻻذن من اﻻستاذ سليمان قبل العمل على اﻻستايل
اﻻستايل بستة الوان كما يظهر في الصورة التالية:





ومن اراد تغيير اﻻلوان او اضافة الوان جديده فيمكنه ذلك عن طريق القالب xa_orcide_color_control
فعند فتح القالب سوف تجدون اكواد css وتحتها اكواد html فلو اردنا اضافة لون جديد فكل ما علينا هو اضافة لون خلفية الكود الجديد تحت هذا الكود بالضبط

الكود:

&.red{     background: #B21A41;     }

ليكون بهذه الطريقة

الكود:

&.yellow{     background: #fdfd06;     }

ومن ثم نقوم باضافة كود html الخاص باللون الجديد بهذه الطريقة

الكود:

<li>             <a href="#" class="yellow" data-xf-init="xa-change-color" data-color-code="#fdfd06"></a>         </li>

ويكون تحت هذا الكود

الكود:

<li>             <a href="#" class="red" data-xf-init="xa-change-color" data-color-code="#611695"></a>         </li>

طبعا ً في كود html قمنا فقط باضافة اسم كلاس css الذي اضفناه اول القالب واضفنا كود اللون او [ قيمته ] في الخيار data-color-code

وبعد ذلك قم بحفظ القالب وسوف ترى ان هناك مربع تم اضافته يحمل اللون اﻻصفر الذي اضفناه وان كنت تود تغيير لون من الالوان فكل ما عليك هو تغيير كود اللون في خيارات css وفي خانة data-color-code
اﻻستايل مقدم من معهد زين العربية 

ويمكنك تحميله من المرفقات

واتمنى ان ينال اﻻستايل على اعجابكم واتمنى عدم حذف حقوق اﻻستايل الخاصة باﻻخ سليمان او بنا
وكما اقول دائما ً هذا عمل بشري ﻻ يخلو من اﻻخطاء فان اصبت فهذا من فضل ربي وان اخطأت فجل من ﻻيخطأ
وتقبلوا احترامي وتقديري

بارك الله فيك

Kurapika كتب:بارك الله فيك

شُكرآ لك على المرور