هيلبرنت | Helpernt

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)
-   ركن مشاكل وطلبات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=97)
-   -   تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة (https://www.helpernt.com/vb/showthread.php?t=10541)

S!L3NT H!LL 03-30-2020 07:19 PM
تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
السلام عليكم ورحمة الله
ركبت استايل هيلبرنت الاصدار الثاني الي كان على اصدار xf2 تقريبا
لاكن حاليا في مشكلة وحدة الي هي الايقونات فقط
فمحتاج طريقة اني اعدل فيها الايقونات حتى تظهر بدون مشاكل.
لئن بالنسبة لي من اروع واخف الاستايلات الموجودة للسكربت
غير هيك دايما تصاميم ابو كريم بيكون فيها نوع مختلف عن البقية يجذبك له مباشرة

MesterPerfect 03-30-2020 08:40 PM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
وعليكم السَلام ورحمة الله وبركاته

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

abo-karim 03-30-2020 09:50 PM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
السلام عليكم ورحمه الله وبركاته

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

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

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

S!L3NT H!LL 03-30-2020 11:01 PM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة MesterPerfect (المشاركة 35947)
وعليكم السَلام ورحمة الله وبركاته

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

S!L3NT H!LL 03-30-2020 11:03 PM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة abo-karim (المشاركة 35949)
السلام عليكم ورحمه الله وبركاته

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

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

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

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

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

.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;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 -----------------------------------*/ 
لو هذا المقصود ممكن تختار سطر واحد وتشرح عليه الموضوع

MesterPerfect 03-31-2020 01:29 AM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة S!L3NT H!LL (المشاركة 35955)
ولايهمك يابوكريم ربنا يعينك ويوقويك باذن الله لو عرفت اعدل عليه راح اعدل بشكل كامل وانزله هنا

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

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

.p-navEl-link{                             
    &:before{padding-right:5px;font-family: FontAwesome;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 *

S!L3NT H!LL 03-31-2020 05:48 PM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
اقتباس:
المشاركة الأصلية كتبت بواسطة MesterPerfect (المشاركة 35957)
جرب هذه صديقي مالك

كود:
/* 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 <
تقدر تزودني بمسميات الفوتر الهيدر الناف بار وهذه القوالب الاساسية

shqawe 04-02-2020 06:36 AM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
يفضل استخدام الفنكشن الخاصة بالزين فورو لاستخدام خطوط 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 ضع اسم الايقونة التي تريد



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

S!L3NT H!LL 04-05-2020 01:25 AM
رد: تغير ايقونات استايل هيلبرنت الى ايقونات المكتبة الخامسة
 
بارك الله فيك اخوي شقاوي


الساعة الآن 11:11 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir