الحالة
مغلق و غير مفتوح للمزيد من الردود.
offline

SUPPORT

طاقم الإدارة

إنضم
2017 - 9 - 29
المشاركات
142
مستوى التفاعل
63
النقاط
27
الإقامة
Saudi Arab
الموقع الالكتروني
🔗
علم الدولة
قام SUPPORT بتقديم منتج جديد:

إضافة ايقونات Font Awesome لقطع الشريط الجانبي عبر CSS فقط - إضافة ايقونات Font Awesome لقطع الشريط الجانبي

السلام عليكم
التطبيق حصري، بسيط و سهل و يمكن تغييره وتعديله في أي وقت و بسهولة
سيتم تحديث الكود تباعاً



نضف مايلي في قالب extra.less فقط

Less:
/* FA Sidebar */
.block-minorHeader:before,
form[data-xf-init] .block-minorHeader:before{
    .m-faBase();
    display: inline-block;
    content: '\f009';
    padding-right: @xf-paddingMedium;
}
.block[data-widget-definition="members_online"] .block-minorHeader:before {content...
قراءة المزيد حول هذا المنتج...
 
offline

Alrajabane

^_^
وّأِحُدّ مًنُ أٌلِنُأًسُ

إنضم
2016 - 8 - 7
المشاركات
2,763
مستوى التفاعل
270
النقاط
1,795
الإقامة
السعودية
الموقع الالكتروني
🔗
علم الدولة
تحديث للقالب :

CSS:
[data-widget-section="staffMembers"] h3.block-minorHeader:before { /* Staff online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-user-tie);
}
[data-widget-section="onlineNow"] h3.block-minorHeader:before { /* Members online */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-users);
}
[data-widget-key="forum_overview_new_posts"] h3.block-minorHeader:before { /* Latest posts */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-comments);
}
[data-widget-key="xfrm_forum_overview_new_resources"] h3.block-minorHeader:before { /* Latest resources */
    display: inline-block;
    .m-faBase();
    .m-faContent(@fa-var-download);
}
[data-widget-key="forum_overview_forum_statistics"] h3.block-minorHeader:before { /* Forum statistics */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-chart-bar);
}
[data-widget-key="xfmg_media_slider"] h3.block-minorHeader:before { /* Random media */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-image);
}
[data-widget-key="forum_overview_share_page"] h3.block-minorHeader:before { /* Share this page */
    display: inline-block;
    padding-right: 5px;
    .m-faBase();
    .m-faContent(@fa-var-share-alt);
}
هل تريد إضافة أيقونة إلى كتلة شريط جانبي مختلفة؟

استخدم هذا الرمز كمثال وقم بتحريره قليلاً:


HTML:
<div class="block">
    <div class="block-container">
        <h3 class="block-minorHeader"><i class="far fa-cog"></i> My Widget</h3>
        <div class="block-body block-row">
          *** content ***
        </div>
    </div>
</div>
عدّل مفتاح عنصر واجهة المستخدم وقم بتغيير اسم أيقونة Font Awesome (يمكنك العثور عليه هنا). ربما ستحتاج إلى ضبط أو إزالة الحشوة اليمنى.

padding-right

ماذا عن HTML الحاجيات؟

لا تحتوي عناصر واجهة تعامل HTML على معرفات أو مفاتيح خاصة بها يمكنك استخدامها بسهولة ، لذلك أوصيك بلصق الرمز أدناه في قالب عنصر واجهة تعامل HTML وتعديل ما هو باللون الأحمر:


HTML:
<div class="block">
    <div class="block-container">
        <h3 class="block-minorHeader"><i class="far fa-[COLOR=rgb(184, 49, 47)]cog[/COLOR]"></i> [COLOR=rgb(184, 49, 47)]My Widget[/COLOR]</h3>
        <div class="block-body block-row">
          *** [COLOR=rgb(184, 49, 47)]content[/COLOR] ***
        </div>
    </div>
</div>
... ثم تحقق من كتلة الوضع المتقدم:

1.png

... وانقر فوق حفظ.
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.

كلمة المدير

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

تواصل مع فريق العمل

  • Saudi Arabia , RD

  • 966-550412399

  • support@hr7xx.net

  • www.hr7xx.net

عن حبر نت

مجتمع عربي يهدف لنقاش العام وكذلك الترفيه والمسابقات كما يجمع المنتدى العديد من الأقسام المفيدة للمستخدم .

تابعنا على المواقع الاجتماعية


إتصل بنا

 

أعلى

خيارات الاستايل

تلوين الاقسام
خلفية المنتدى
نوع الخط
جدول المنتديات
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
حجم الخط
الصورة الرمزية
بيانات العضو
إخفاء التواقيع

إرجاع خيارات الإستايل