XF 2.2 إضافة أيقونات إلى شريط الإجراءات (Action Bar)

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء

codeNET

Administrative
طاقم الإدارة
ادارة كود نت
السمعة: 96%

إضافة أيقونات إلى شريط الإجراءات (Action Bar)​


من خلال إضافة هذا الكود البسيط إلى شريط الإجراءات (Action Bar)، يمكنك إضافة أيقونات إلى أزرار الشريط.

إذا كنت ترغب في تخصيص أيقونات Font Awesome بنفسك، يمكنك تغيير الأيقونة من خلال الرابط الخاص بمكتبة Font Awesome 5 Icons.

طريقة الإضافة​


قم بإضافة الكود التالي إلى قالب
كود:
extra.less
الخاص بالاستايل المستخدم:

CSS:
.actionBar-action--edit:before, .actionBar-action--report:before, .actionBar-action--ip:before, .actionBar-action--delete:before, .actionBar-action--spam:before, .actionBar-action--warn:before, .actionBar-action--history:before
{
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
margin-right: 5px;
}

.actionBar-action--edit:before
{
content: "\f040";
}

.actionBar-action--report:before
{
content: "\f071";
}

.actionBar-action--ip:before
{
content: "\f002";
}

.actionBar-action--delete:before
{
content: "\f00d";
}

.actionBar-action--spam:before
{
content: "\f024";
}

.actionBar-action--warn:before
{
content: "\f12a";
}

.actionBar-action--history:before
{
content: "\f1da";
}

بعد حفظ القالب، ستظهر الأيقونات بجانب خيارات شريط الإجراءات الخاصة بالمشاركات.
IMG_9288.png
حقوق الترجمة والترتيب:
كود نت - لتطوير مواقع ومنتديات XenForo
 
عودة
أعلى أسفل