دليل المواقع دمز




ركن مشاكل وطلبات الزين فورو XENFORO بامكانك تسجيل طلبك واستفسارك عن XENFORO وإن شاء الله ستجد من يدعمك ويساعدك فى حل مشكلتك

تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة

السلام عليكم ورحمة الله ركبت استايل هيلبرنت الاصدار الثاني الي كان على اصدار xf2 تقريبا لاكن حاليا في مشكلة...

احصائياتى

الردود
8

المشاهدات
391
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
الإجابات المقدمة: 37
  • S!L3NT H!LL is a jewel in the roughS!L3NT H!LL is a jewel in the roughS!L3NT H!LL is a jewel in the roughS!L3NT H!LL is a jewel in the rough

  • S!L3NT H!LL غير متواجد حالياً

المشاركات
1,351

+التقييم
72

تاريخ التسجيل
Jan 2016

الاقامة
الامارات العربية المتحدة

نظام التشغيل
windows 8.1

رقم العضوية
721
03-30-2020, 07:19 PM
المشاركة 1
03-30-2020, 07:19 PM
المشاركة 1
questionmark تمت الإجابة تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
السلام عليكم ورحمة الله
ركبت استايل هيلبرنت الاصدار الثاني الي كان على اصدار xf2 تقريبا
لاكن حاليا في مشكلة وحدة الي هي الايقونات فقط
فمحتاج طريقة اني اعدل فيها الايقونات حتى تظهر بدون مشاكل.
لئن بالنسبة لي من اروع واخف الاستايلات الموجودة للسكربت
غير هيك دايما تصاميم ابو كريم بيكون فيها نوع مختلف عن البقية يجذبك له مباشرة

أفضل جواب - كتبه shqawe
يفضل استخدام الفنكشن الخاصة بالزين فورو لاستخدام خطوط FontAwosme

اتمنى تجربة هذا الكود وان شاء الله يعمل معك

كود:
.p-navEl a{

    &[data-nav-id='home']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-home);
    }
    &[data-nav-id='forums']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-comments);
    }
    &[data-nav-id='whatsNew']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-question);
    }
    &[data-nav-id='members']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-users);
    }
}
طبعاً كل اللي عليك تغير اسم الايقونة واللي موجود في هذا الكود



كود:
@fa-var-home
فبدل كلمة home ضع اسم الايقونة التي تريد



احترامي وتقديري
اخوك
شقاوي
قديم 03-30-2020, 08:40 PM
المشاركة 2
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
الإجابات المقدمة: 97
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
وعليكم السَلام ورحمة الله وبركاته

بصراحة انا معك جدا في أنهُ واحد من أروع الستايلات المخصصة للxf2 انا أحبه جدا هو وا Dimension
والأثنين راكبين في موقعي ولكن بتاع أبو كريم هو الديفولت طبعا

قديم 03-30-2020, 09:50 PM
المشاركة 3
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
الإجابات المقدمة: 176
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
السلام عليكم ورحمه الله وبركاته

سامحونى ياشباب لعدم قدرتى على تحديث المنتج فربنا اعلم بالظروف

بس الموضوع ان شاء الله يسير المشكله فقط ان الاستايل لما تم تكويده كود على مكتبة الحطوط الاصدار الرابع اما الان الزين فورو تستخدم Font Awesome الاصدار الخامس هذا كل شى

فمحتاج فقط تغيير شكل الايقونة من هذا الشكل
كود:
<i class="fa fa-bell"></i>
الى هذا الشكل
كود PHP:
<class="fas fa-bell"></i

قديم 03-30-2020, 11:01 PM
المشاركة 4
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
الإجابات المقدمة: 37
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
وعليكم السَلام ورحمة الله وبركاته

بصراحة انا معك جدا في أنهُ واحد من أروع الستايلات المخصصة للxf2 انا أحبه جدا هو وا Dimension
والأثنين راكبين في موقعي ولكن بتاع أبو كريم هو الديفولت طبعا
ان شاء الله راح احاول احدثه

قديم 03-30-2020, 11:03 PM
المشاركة 5
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
الإجابات المقدمة: 37
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
السلام عليكم ورحمه الله وبركاته

سامحونى ياشباب لعدم قدرتى على تحديث المنتج فربنا اعلم بالظروف

بس الموضوع ان شاء الله يسير المشكله فقط ان الاستايل لما تم تكويده كود على مكتبة الحطوط الاصدار الرابع اما الان الزين فورو تستخدم Font Awesome الاصدار الخامس هذا كل شى

فمحتاج فقط تغيير شكل الايقونة من هذا الشكل
كود:
<i class="fa fa-bell"></i>
الى هذا الشكل
كود PHP:
<class="fas fa-bell"></i
ولايهمك يابوكريم ربنا يعينك ويوقويك باذن الله لو عرفت اعدل عليه راح اعدل بشكل كامل وانزله هنا

بس الان التعديل يكون من قالب extra.less مثلا وجدت مثلا هذه الاسطر

كود PHP:
/*-------------------------------- Icons for navbar -----------------------------------*/

.p-navEl-link{                             
    &:
before{padding-right:5px;font-familyFontAwesome;content"\f06e";}             
    &[
data-nav-id="home"]{&:before{content"\f015";}}
    &[
data-nav-id="forums"]{&:before{content'\f0e6';}}
    &[
data-nav-id="whatsNew"]{&:before{content'\f128';}}
    &[
data-nav-id="members"]{&:before{content'\f007';}}
    &[
data-nav-id="xfrm"]{&:before{content'\f019';}}
    &[
data-nav-id="xfmg"]{&:before{content'\f030';}}
    &[
data-nav-id="newPosts"]{&:before{content'\f06d';}}
    &[
data-nav-id="findThreads"]{&:before{content'\f039';}}
    &[
data-nav-id="searchForums"]{&:before{content'\f002';}}
    &[
data-nav-id="markForumsRead"]{&:before{content'\f070';}}
    &[
data-nav-id="whatsNewPosts"]{&:before{content'\f0f6';}}
    &[
data-nav-id="xfrmNewResources"]{&:before{content'\f019';}}
    &[
data-nav-id="whatsNewProfilePosts"]{&:before{content'\f040';}}
    &[
data-nav-id="whatsNewNewsFeed"]{&:before{content'\f09e';}}
    &[
data-nav-id="latestActivity"]{&:before{content'\f005';}}
    &[
data-nav-id="xfrmLatestReviews"]{&:before{content'\f091';}}
    &[
data-nav-id="xfrmYourResources"]{&:before{content'\f0ed';}}
    &[
data-nav-id="xfrmWatched"]{&:before{content'\f06e';}}
    &[
data-nav-id="xfrmSearchResources"]{&:before{content'\f002';}}
    &[
data-nav-id="currentVisitors"]{&:before{content'\f234';}}
    &[
data-nav-id="newProfilePosts"]{&:before{content'\f040';}}
    &[
data-nav-id="searchProfilePosts"]{&:before{content'\f21b';}}
}
/*-------------------------------- //End Icons for navbar -----------------------------------*/ 
لو هذا المقصود ممكن تختار سطر واحد وتشرح عليه الموضوع

قديم 03-31-2020, 01:29 AM
المشاركة 6
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
الإجابات المقدمة: 97
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
ولايهمك يابوكريم ربنا يعينك ويوقويك باذن الله لو عرفت اعدل عليه راح اعدل بشكل كامل وانزله هنا

بس الان التعديل يكون من قالب extra.less مثلا وجدت مثلا هذه الاسطر

كود PHP:
/*-------------------------------- Icons for navbar -----------------------------------*/

.p-navEl-link{                             
    &:
before{padding-right:5px;font-familyFontAwesome;content"\f06e";}             
    &[
data-nav-id="home"]{&:before{content"\f015";}}
    &[
data-nav-id="forums"]{&:before{content'\f0e6';}}
    &[
data-nav-id="whatsNew"]{&:before{content'\f128';}}
    &[
data-nav-id="members"]{&:before{content'\f007';}}
    &[
data-nav-id="xfrm"]{&:before{content'\f019';}}
    &[
data-nav-id="xfmg"]{&:before{content'\f030';}}
    &[
data-nav-id="newPosts"]{&:before{content'\f06d';}}
    &[
data-nav-id="findThreads"]{&:before{content'\f039';}}
    &[
data-nav-id="searchForums"]{&:before{content'\f002';}}
    &[
data-nav-id="markForumsRead"]{&:before{content'\f070';}}
    &[
data-nav-id="whatsNewPosts"]{&:before{content'\f0f6';}}
    &[
data-nav-id="xfrmNewResources"]{&:before{content'\f019';}}
    &[
data-nav-id="whatsNewProfilePosts"]{&:before{content'\f040';}}
    &[
data-nav-id="whatsNewNewsFeed"]{&:before{content'\f09e';}}
    &[
data-nav-id="latestActivity"]{&:before{content'\f005';}}
    &[
data-nav-id="xfrmLatestReviews"]{&:before{content'\f091';}}
    &[
data-nav-id="xfrmYourResources"]{&:before{content'\f0ed';}}
    &[
data-nav-id="xfrmWatched"]{&:before{content'\f06e';}}
    &[
data-nav-id="xfrmSearchResources"]{&:before{content'\f002';}}
    &[
data-nav-id="currentVisitors"]{&:before{content'\f234';}}
    &[
data-nav-id="newProfilePosts"]{&:before{content'\f040';}}
    &[
data-nav-id="searchProfilePosts"]{&:before{content'\f21b';}}
}
/*-------------------------------- //End Icons for navbar -----------------------------------*/ 
لو هذا المقصود ممكن تختار سطر واحد وتشرح عليه الموضوع
جرب هذه صديقي مالك

كود:
/* XenForo 2.1.x Navtab menu FontAwesome 5 - Start */
.p-navEl a:before {
    .m-faBase();
    display: inline-block;
    text-align: center;
    margin-right:5px;
    border-radius:30px;
    line-height:normal;
}
.p-navEl a[data-nav-id='home']:before {.m-faContent("@{fa-var-home}");}
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='whatsNew']:before {.m-faContent("@{fa-var-question}");}
.p-navEl a[data-nav-id='members']:before {.m-faContent("@{fa-var-users}");}
.p-navEl a[data-nav-id='xfrm']:before {.m-faContent("@{fa-var-download}");}
.p-navEl a[data-nav-id='xfmg']:before {.m-faContent("@{fa-var-camera}");}
/* Forums Subnav*/
.p-navEl a[data-nav-id='newPosts']:before {.m-faContent("@{fa-var-search-plus}");}
.p-navEl a[data-nav-id='findThreads']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='searchForums']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='watched']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='markForumsRead']:before {.m-faContent("@{fa-var-eye-slash}");}
/* WhatsNew Subnav */
.p-navEl a[data-nav-id='whatsNewPosts']:before {.m-faContent("@{fa-var-pencil}");}
.p-navEl a[data-nav-id='whatsNewProfilePosts']:before {.m-faContent("@{fa-var-rss}");}
.p-navEl a[data-nav-id='whatsNewNewsFeed']:before {.m-faContent("@{fa-var-star}");}
.p-navEl a[data-nav-id='xfmgWhatsNewNewMedia']:before {.m-faContent("@{fa-var-images}");}
.p-navEl a[data-nav-id='xfmgWhatsNewMediaComments']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='xfrmNewResources']:before {.m-faContent("@{fa-var-download}");}
.p-navEl a[data-nav-id='latestActivity']:before {.m-faContent("@{fa-var-trophy}");}
/* XFMG Subnav */
.p-navEl a[data-nav-id='xfmgNewMedia']:before {.m-faContent("@{fa-var-images}");}
.p-navEl a[data-nav-id='xfmgNewComments']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='xfmgAddMedia']:before {.m-faContent("@{fa-var-plus-square}");}
.p-navEl a[data-nav-id='xfmgYourContent']:before {.m-faContent("@{fa-var-user}");}
.p-navEl a[data-nav-id='xfmgWatchedContent']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='xfmgSearchMedia']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='xfmgMarkViewed']:before {.m-faContent("@{fa-var-eye-slash}");}
/* XFRM Subnav */
.p-navEl a[data-nav-id='xfrmLatestReviews']:before {.m-faContent("@{fa-var-balance-scale}");}
.p-navEl a[data-nav-id='xfrmYourResources']:before {.m-faContent("@{fa-var-user}");}
.p-navEl a[data-nav-id='xfrmWatched']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='xfrmSearchResources']:before {.m-faContent("@{fa-var-search}");}
/* Members Subnav */
.p-navEl a[data-nav-id='currentVisitors']:before {.m-faContent("@{fa-var-user-plus}");}
.p-navEl a[data-nav-id='newProfilePosts']:before {.m-faContent("@{fa-var-pencil}");}
.p-navEl a[data-nav-id='searchProfilePosts']:before {.m-faContent("@{fa-var-user-secret}");}
/* XenForo 2.1.x Navtab menu FontAwesome 5 - End *

قديم 03-31-2020, 05:48 PM
المشاركة 7
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
الإجابات المقدمة: 37
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
جرب هذه صديقي مالك

كود:
/* XenForo 2.1.x Navtab menu FontAwesome 5 - Start */
.p-navEl a:before {
    .m-faBase();
    display: inline-block;
    text-align: center;
    margin-right:5px;
    border-radius:30px;
    line-height:normal;
}
.p-navEl a[data-nav-id='home']:before {.m-faContent("@{fa-var-home}");}
.p-navEl a[data-nav-id='forums']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='whatsNew']:before {.m-faContent("@{fa-var-question}");}
.p-navEl a[data-nav-id='members']:before {.m-faContent("@{fa-var-users}");}
.p-navEl a[data-nav-id='xfrm']:before {.m-faContent("@{fa-var-download}");}
.p-navEl a[data-nav-id='xfmg']:before {.m-faContent("@{fa-var-camera}");}
/* Forums Subnav*/
.p-navEl a[data-nav-id='newPosts']:before {.m-faContent("@{fa-var-search-plus}");}
.p-navEl a[data-nav-id='findThreads']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='searchForums']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='watched']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='markForumsRead']:before {.m-faContent("@{fa-var-eye-slash}");}
/* WhatsNew Subnav */
.p-navEl a[data-nav-id='whatsNewPosts']:before {.m-faContent("@{fa-var-pencil}");}
.p-navEl a[data-nav-id='whatsNewProfilePosts']:before {.m-faContent("@{fa-var-rss}");}
.p-navEl a[data-nav-id='whatsNewNewsFeed']:before {.m-faContent("@{fa-var-star}");}
.p-navEl a[data-nav-id='xfmgWhatsNewNewMedia']:before {.m-faContent("@{fa-var-images}");}
.p-navEl a[data-nav-id='xfmgWhatsNewMediaComments']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='xfrmNewResources']:before {.m-faContent("@{fa-var-download}");}
.p-navEl a[data-nav-id='latestActivity']:before {.m-faContent("@{fa-var-trophy}");}
/* XFMG Subnav */
.p-navEl a[data-nav-id='xfmgNewMedia']:before {.m-faContent("@{fa-var-images}");}
.p-navEl a[data-nav-id='xfmgNewComments']:before {.m-faContent("@{fa-var-comments}");}
.p-navEl a[data-nav-id='xfmgAddMedia']:before {.m-faContent("@{fa-var-plus-square}");}
.p-navEl a[data-nav-id='xfmgYourContent']:before {.m-faContent("@{fa-var-user}");}
.p-navEl a[data-nav-id='xfmgWatchedContent']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='xfmgSearchMedia']:before {.m-faContent("@{fa-var-search}");}
.p-navEl a[data-nav-id='xfmgMarkViewed']:before {.m-faContent("@{fa-var-eye-slash}");}
/* XFRM Subnav */
.p-navEl a[data-nav-id='xfrmLatestReviews']:before {.m-faContent("@{fa-var-balance-scale}");}
.p-navEl a[data-nav-id='xfrmYourResources']:before {.m-faContent("@{fa-var-user}");}
.p-navEl a[data-nav-id='xfrmWatched']:before {.m-faContent("@{fa-var-eye}");}
.p-navEl a[data-nav-id='xfrmSearchResources']:before {.m-faContent("@{fa-var-search}");}
/* Members Subnav */
.p-navEl a[data-nav-id='currentVisitors']:before {.m-faContent("@{fa-var-user-plus}");}
.p-navEl a[data-nav-id='newProfilePosts']:before {.m-faContent("@{fa-var-pencil}");}
.p-navEl a[data-nav-id='searchProfilePosts']:before {.m-faContent("@{fa-var-user-secret}");}
/* XenForo 2.1.x Navtab menu FontAwesome 5 - End *
اشكرك على المساعدة اخوي احمد
للاسف ماتغير شي اتوقع التعديل من القوالب نفسها مش من قالب extra <
تقدر تزودني بمسميات الفوتر الهيدر الناف بار وهذه القوالب الاساسية

قديم 04-02-2020, 06:36 AM
المشاركة 8
shqawe
.:: مطور XenForo ::.
  • shqawe غير متواجد حالياً
الإجابات المقدمة: 3
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
يفضل استخدام الفنكشن الخاصة بالزين فورو لاستخدام خطوط FontAwosme

اتمنى تجربة هذا الكود وان شاء الله يعمل معك

كود:
.p-navEl a{

    &[data-nav-id='home']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-home);
    }
    &[data-nav-id='forums']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-comments);
    }
    &[data-nav-id='whatsNew']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-question);
    }
    &[data-nav-id='members']:before{
        .m-faBase('Pro');
        .m-faContent(@fa-var-users);
    }
}
طبعاً كل اللي عليك تغير اسم الايقونة واللي موجود في هذا الكود



كود:
@fa-var-home
فبدل كلمة home ضع اسم الايقونة التي تريد



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

قديم 04-05-2020, 01:25 AM
المشاركة 9
S!L3NT H!LL
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • S!L3NT H!LL غير متواجد حالياً
الإجابات المقدمة: 37
افتراضي رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
بارك الله فيك اخوي شقاوي

مغلق

العلامات المرجعية

تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة


أدوات الموضوع

الانتقال السريع

المواضيع المتشابهه للموضوع: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ Template] : كود تغير ايقونات الاقسام بصوره من اختيارك michel2012 ركن شروحات الزين فورو XENFORO 4 10-04-2019 10:10 AM
[ شرح ] : طريقة تغيير ايقونات استايل Flat Awesome abo-karim ركن شروحات الزين فورو XENFORO 4 12-22-2017 08:27 PM
طلب شرح تغير ايقونات قالب العضو 14SAT ركن مشاكل وطلبات الزين فورو XENFORO 4 10-06-2017 11:57 PM
تغير ايقونات الاقسام بالكامل و تغير شكل الاقسام للاستايل S!L3NT H!LL ركن مشاكل وطلبات الزين فورو XENFORO 5 07-30-2017 01:04 AM
طريقة اضافة ايقونات التواصل الاجتماعي تحت معلومات العضو مثل هيلبرنت هيلبرنت ركن تطوير منتديات vb3.8.0 6 05-30-2017 09:12 PM




الساعة الآن 05:39 AM
Powered by vBulletin® Copyright ©2000 - 2020, Jelsoft Enterprises Ltd. TranZ By Almuhajir
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum