[ تم الحل ] ماهي طريقة تغيير الوان وحركة Font Awesome ؟

[root]

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

كل عام وأنتم بخير

وجدت في موقع ايقونات ملونة ومتحركة

قمت بتركيب الايقونات ولم استطع تغيير لونها وتحريكها

أهل الخبرة أفيدونا بارك الله بكم








شكراً لكم

 

[أبو غَيْث]

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

وانت بخير اخي

يكفي ان تضيف كود اللون بالكود الخاص بالايقونات

color: #e6cbe4;

 

[shqawe]

حياك الله اخوي @root

حقيقة انا ما ادري كيف ركبت اﻻيقونات ولكن بافترض انك استخدمت الطريقة الموجودة على الرابط التالي:

[ حصريا ] - شرح استخدام ايقونات FontAwesome مع ال XenForo 2

بسم الله الرحمن الرحيم الحمد لله والصلاة والسلام على رسول الله نبينا محمد عليه افضل الصلاة واتم التسليم اللهم لا علم لنا إلا ما علمتنا، إنك أنت العليم الحكيم، اللهم علمنا ما ينفعنا، وانفعنا بما علمتنا، وزدنا علما، احببت ان اقدم في هذا الدرس الطريقة الصحيحة لاستخدام ايقونات او خطوط...

xenarabia.com

لذا يكفي ان تضع كلاس خاص بكل ايقونة ومن ثم تقوم بتحديد اللون الخاص به مثل ما تفضل اخوي محمد في رده بهذه الطريقة

<xf:fa icon="fa-home home_icon"  />

ومن ثم في قالب extra.less ضع الكلاس الذي انشئته وقم بوضع اللون الخاص بك:

.home_icon{
    color:#000;
}

بالنسبة لتحريك الايقونات تعتمد على طريقة الحركة التي تريدها فان كانت حركة خاصة فهذه تحتاج الى كود jQuery اما اذا اردت استخدام الحركات اﻻساسية الخاصة باﻻيقونات فتستطيع ايجادها على هذه الصفحة

Animating Icons | Font Awesome Docs

Learn how to add animations to Font Awesome icons for dynamic visual effects.

fontawesome.com

اتمنى ان اكون وفقت في اﻻجابة على سؤالك

احترامي وتقديري
اخوك
شقاوي

 

[root]

بارك الله بكم

لم اضف اي كود

طريقة التركيب من خلال هذه الاضافة

[cXF] Top Navigation

This is a cXF Pack C Membership Add-on. Upgrade your account to cXF Pack C Membership for: 1-year access to all cXF Pack C Membership Add-ons for XenForo 2 1-year access to all cXF Premium Customizations for XenForo 2 If you got our...

www.customizexf.com

يوجد خانة اضع بها على سبيل المثال fas fa-ad

فقط

 

[أبو غَيْث]

يتم ذلك من خصائص الستايل مع اختيار اسم الاضافة كما موضح في الصورة

​

 

[root]

شكراً للجميع

بعد مراجعة الدعم الفني الخاص بالإضافات المذكورة أعلاه

الطريقة كالتالي :

1- تلوين الايقونات إضافة هذا الكود وتغيير مسمى الايقونة ولون الايقونة بما يرغب المستخدم

&[data-nav-id='forums']:before {.m-faContent(@fa-var-comments); color: #000;}

2- تحريك الايقونات تركيب هذه الإضافة :

[cXF] Animations

This is a cXF Pack B Membership Add-on. Upgrade your account to cXF Pack B Membership for: 1-year access to all cXF Pack B Membership Add-ons for XenForo 2 1-year access to all cXF Premium Customizations for XenForo 2 If you got our...

www.customizexf.com

بالتوفيق للجميع

 

[أبو غَيْث]

شكرا لك اخي على تقديم الحل
بالتوفيق لك