XF 2.0 و XF 2.1 - إضافة أزرار ملونة : الاعجاب الاقتباس الرد .. | XenArabia | زين فورو العربية

XF 2.0 و XF 2.1 إضافة أزرار ملونة : الاعجاب الاقتباس الرد ..

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
من خلال الكود المدرج في الاسفل ، يمكنك إضفاء جمالية على أدوات تحرير المواضيع و المشاركات ولتوضيح الصورة أكثر

هذا شكل الادوات قبل التعديل

28
وهذا شكل الادوات بعد التعديل

29
طبعا الكود سهل ويمكنك التلاعب به و بالوانه كما تريد ، فقط الكود يجمع كل الادوات و ان شاء الله في دروس لاحقة سيتم التعرف على طريقة التعديل على كل اداة و تلوينها بلون مغاير

ضع الكود كالعادة في قالب extra.less

CSS:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction {
         display:inline-block;
         background: rgb(71, 167, 235);
         color: rgb(255, 255, 255) !important;
         padding: 5px 12px 5px;
         line-height: 19px !important;
         background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
    }
.actionBar-action--reply:hover, .js-multiQuote:hover, .actionBar-action--like:hover, .actionBar-action--reaction:hover {
         background: rgb(65, 158, 224);
         color: rgb(255, 255, 255) !important;
         text-decoration: none;
         background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
    }

.actionBar-action--report, .actionBar-action--edit, .actionBar-action--history, .actionBar-action--delete, .actionBar-action--spam, .actionBar-action--warn, .actionBar-action--ip {
         display:inline-block;
         background: rgb(71, 167, 235);
         color: rgb(255, 255, 255) !important;
         padding: 2px 6px 2px;
         line-height: 19px !important;
         background: linear-gradient(rgb(71, 167, 235) 0%, rgb(71, 167, 235) 0%);
    }
.actionBar-action--report:hover, .actionBar-action--edit:hover, .actionBar-action--history:hover, .actionBar-action--delete:hover, .actionBar-action--spam:hover, .actionBar-action--warn:hover, .actionBar-action--ip:hover {
         background: rgb(65, 158, 224);
         color: rgb(255, 255, 255) !important;
         text-decoration: none;
         background: linear-gradient(rgb(65, 158, 224) 0%, rgb(65, 158, 224) 0%);
    }
مودتي و احترامي :)
 

MesterPerfect

:: الأعضاء ::
إنضم
27 يناير 2019
المشاركات
151
مستوى التفاعل
156
النقاط
43
الإقامة
sohag, Egypt
الموقع الالكتروني
رائع جدا
جزاك الله خيرا أخي
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
42
مستوى التفاعل
26
النقاط
18
بارك الله فيك
تم التطبيق بس بالنسبه للي مركب هاك التعليقات على الردود راح يظهر ايقونه اضافه تعليق مختلفه
فكيف نضيف كودها مع الكود المرفق اعلاه ؟
وشكرا
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
بارك الله فيك
تم التطبيق بس بالنسبه للي مركب هاك التعليقات على الردود راح يظهر ايقونه اضافه تعليق مختلفه
فكيف نضيف كودها مع الكود المرفق اعلاه ؟
وشكرا
وفيك بارك الله
يكفي ان تعرف كود اللون الخاص بالزر و تعتمده على بقاقي الازرار
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
42
مستوى التفاعل
26
النقاط
18
وفيك بارك الله
يكفي ان تعرف كود اللون الخاص بالزر و تعتمده على بقاقي الازرار
ما فيه لون وضعه يكون مثل وضع الازرار الباقيه قبل ان نحط كود التعديل عليهم
الون انا نفسه راح احطه اعرف بس المقصد مع الكود التالي او مكانه شنو احط الي يرمز للتعليقات
كود:
.actionBar-action--reply, .js-multiQuote, .actionBar-action--like, .actionBar-action--reaction {
 

XenArabia

الحياة محطات فاترك في كل محطة ابتسامة
طاقم الإدارة
إنضم
23 يناير 2019
المشاركات
469
مستوى التفاعل
555
النقاط
93
العمر
36
الإقامة
المغرب
الموقع الالكتروني
معذرة أخي @S.N.A.K.E
ممكن ترسلي رابط موقعك على الخاص و كذا صورة للاضافة التي تستخدم لانه ليس لدي فكرة عنها او ارسل لي رابط الاضافة لتجربتها
 

SAEED M SALLAM

:: الأعضاء ::
إنضم
28 يناير 2019
المشاركات
43
مستوى التفاعل
42
النقاط
18
تسلم ايدك على الشرح المميز
لك كل الود ..
 

S.N.A.K.E

:: الأعضاء ::
إنضم
23 فبراير 2019
المشاركات
42
مستوى التفاعل
26
النقاط
18
معذرة أخي @S.N.A.K.E
ممكن ترسلي رابط موقعك على الخاص و كذا صورة للاضافة التي تستخدم لانه ليس لدي فكرة عنها او ارسل لي رابط الاضافة لتجربتها
تم الارسال الاضافات لك
 

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

إحصائيات المنتدى

المواضيع
232
المشاركات
1,296
الأعضاء
83
آخر عضو مسجل
fr3on
أعلى