Limited-Time Donation Special!
Upgrade to Snow for $20 USD and receive a free copy of Oblivion Light ($5 discount).
Upgrade to +Blizzard for $35 USD and receive a free copy of Oblivion Light ($15 discount).

Please visit the thread below for more details.
CLICK HERE

Contact @Davlin with questions or comments.

Jump to content
  • 0
Dextraction

XF 2.0 UI.X 2 - Adding Icons to Navigation

Question

Hi there,

 

I'm having some trouble with adding Material Design icons to new Navigation items

Not sure whether I need to edit the Display condition or Extra attributes. Some help would be great.

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Try that. I posted it on January 1st

 

 

 

Share this post


Link to post
Share on other sites
  • 0
On 4/23/2018 at 11:48 PM, Dextraction said:

Hi there,

 

I'm having some trouble with adding Material Design icons to new Navigation items

Not sure whether I need to edit the Display condition or Extra attributes. Some help would be great.

what version are u using if you are using 2,0

than use this extra.less

/**********/

/* xFDestek.com - Üst menü iconları - Başlangıç */
.p-navEl [data-nav-id="home"]:before{font-family:FontAwesome;content:"\f015";padding-right:5px}
.p-navEl [data-nav-id="forums"]:before{font-family:FontAwesome;content:"\f27a";padding-right:5px}
.p-navEl [data-nav-id="whatsNew"]:before{font-family:FontAwesome;content:"\f128";padding-right:5px}
.p-navEl [data-nav-id="xfrm"]:before{font-family:FontAwesome;content:"\f019";padding-right:5px}
.p-navEl [data-nav-id="members"]:before{font-family:FontAwesome;content:"\f0c0";padding-right:5px}
.p-navEl [data-nav-id="newPosts"]:before{font-family:FontAwesome;content:"\f06d";padding-right:3px}
.p-navEl [data-nav-id="findThreads"]:before{font-family:FontAwesome;content:"\f00e";padding-right:3px}
.p-navEl [data-nav-id="watched"]:before{font-family:FontAwesome;content:"\f06e";padding-right:3px}
.p-navEl [data-nav-id="searchForums"]:before{font-family:FontAwesome;content:"\f002";padding-right:3px}
.p-navEl [data-nav-id="markForumsRead"]:before{font-family:FontAwesome;content:"\f070";padding-right:3px}
.p-navEl [data-nav-id="whatsNewPosts"]:before{font-family:FontAwesome;content:"\f0f6";padding-right:3px}
.p-navEl [data-nav-id="xfrmNewResources"]:before{font-family:FontAwesome;content:"\f019";padding-right:3px}
.p-navEl [data-nav-id="whatsNewProfilePosts"]:before{font-family:FontAwesome;content:"\f040";padding-right:3px}
.p-navEl [data-nav-id="whatsNewNewsFeed"]:before{font-family:FontAwesome;content:"\f09e";padding-right:3px}
.p-navEl [data-nav-id="latestActivity"]:before{font-family:FontAwesome;content:"\f005";padding-right:3px}
.p-navEl [data-nav-id="xfrmLatestReviews"]:before{font-family:FontAwesome;content:"\f091";padding-right:3px}
.p-navEl [data-nav-id="xfrmYourResources"]:before{font-family:FontAwesome;content:"\f0ed";padding-right:3px}
.p-navEl [data-nav-id="xfrmWatched"]:before{font-family:FontAwesome;content:"\f0a7";padding-right:3px}
.p-navEl [data-nav-id="xfrmSearchResources"]:before{font-family:FontAwesome;content:"\f002";padding-right:3px}
.p-navEl [data-nav-id="currentVisitors"]:before{font-family:FontAwesome;content:"\f234";padding-right:3px}
.p-navEl [data-nav-id="newProfilePosts"]:before{font-family:FontAwesome;content:"\f040";padding-right:3px}
.p-navEl [data-nav-id="searchProfilePosts"]:before{font-family:FontAwesome;content:"\f21b";padding-right:3px}
/* xFDestek.com - Üst menü iconları - Bitiş */

 

Share this post


Link to post
Share on other sites
  • 0

In the templete Header add this:
 

Quote
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">

search for icones here and use any of them:

https://fontawesome.com/icons?d=gallery

Share this post


Link to post
Share on other sites
What do you think? Remember the human.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×