Ask question

Ask Questions and Get Answers from Our Community

Answer

Answer Questions and Become an Expert on Your Topic

Contact Staff

Our Experts are Ready to Answer your Questions

Adding Font Awesome icons to your forum navigation[2.0]

Tutifruti

IPS4 Premium
IPS4 Premium
Joined
May 23, 2019
Messages
6
Reputation
1
Points
3
Location
France
Good morning, everyone,

Today I share a complete code to have Font Awesome icons in your forum navigation.

The code is to be added to your EXTRA.less template:
CSS:
/*fa navigation : forums, membres, quoi de neuf, autres*/

.p-navEl a:before, .menu-content a:before, .offCanvasMenu a:before {

font-family: "FontAwesome";

padding-right: 3px;

}



/*Navigation*/

.p-navEl [data-nav-id="home"]:before { content:"\f015"; }

.offCanvasMenu a[data-nav-id="home"]:before { content:"\f015"; }

.p-navEl [data-nav-id="forums"]:before { content:"\f015"; }

.offCanvasMenu a[data-nav-id="forums"]:before { content:"\f015"; }

.p-navEl [data-nav-id="whatsNew"]:before { content:"\f1ea"; }

.offCanvasMenu a[data-nav-id="whatsNew"]:before { content:"\f1ea"; }

.p-navEl [data-nav-id="members"]:before { content:"\f0c0"; }

.offCanvasMenu a[data-nav-id="members"]:before { content:"\f0c0"; }



/*Forums*/

.p-navEl [data-nav-id="newPosts"]:before { content:"\f005"; }

.menu-content a[data-nav-id="newPosts"]:before { content:"\f005"; }

.offCanvasMenu a[data-nav-id="newPosts"]:before { content:"\f005"; }



.p-navEl [data-nav-id="findThreads"]:before { content:"\f002"; }

.menu-content a[data-nav-id="findThreads"]:before { content:"\f002"; }

.offCanvasMenu a[data-nav-id="findThreads"]:before { content:"\f002"; }



.p-navEl [data-nav-id="yourThreads"]:before { content:"\f075"; }

.menu-content a[data-nav-id="yourThreads"]:before { content:"\f075"; }

.offCanvasMenu a[data-nav-id="yourThreads"]:before { content:"\f075"; }



.p-navEl [data-nav-id="contributedThreads"]:before { content:"\f086"; }

.menu-content a[data-nav-id="contributedThreads"]:before { content:"\f086"; }

.offCanvasMenu a[data-nav-id="contributedThreads"]:before { content:"\f086"; }



.p-navEl [data-nav-id="unansweredThreads"]:before { content:"\f27a"; }

.menu-content a[data-nav-id="unansweredThreads"]:before { content:"\f27a"; }

.offCanvasMenu a[data-nav-id="unansweredThreads"]:before { content:"\f27a"; }



.p-navEl [data-nav-id="watched"]:before { content:"\f234"; }

.menu-content a[data-nav-id="watched"]:before { content:"\f234"; }

.offCanvasMenu a[data-nav-id="watched"]:before { content:"\f234"; }



.p-navEl [data-nav-id="watchedThreads"]:before { content:"\f06e"; }

.menu-content a[data-nav-id="watchedThreads"]:before { content:"\f06e" }

.offCanvasMenu a[data-nav-id="watchedThreads"]:before { content:"\f06e"; }



.p-navEl [data-nav-id="watchedForums"]:before { content:"\f0fe"; }

.menu-content a[data-nav-id="watchedForums"]:before { content:"\f0fe"; }

.offCanvasMenu a[data-nav-id="watchedForums"]:before { content:"\f0fe"; }



.p-navEl [data-nav-id="searchForums"]:before { content:"\f07c"; }

.menu-content a[data-nav-id="searchForums"]:before { content:"\f07c"; }

.offCanvasMenu a[data-nav-id="searchForums"]:before { content:"\f07c"; }



.p-navEl [data-nav-id="markForumsRead"]:before { content:"\f14a"; }

.menu-content a[data-nav-id="markForumsRead"]:before { content:"\f14a"; }

.offCanvasMenu a[data-nav-id="markForumsRead"]:before { content:"\f14a"; }



/*Membres*/

.p-navEl [data-nav-id="currentVisitors"]:before { content:"\f0c0"; }

.menu-content a[data-nav-id="currentVisitors"]:before { content:"\f0c0"; }

.offCanvasMenu a[data-nav-id="currentVisitors"]:before { content:"\f0c0"; }



.p-navEl [data-nav-id="newProfilePosts"]:before { content:"\f075"; }

.menu-content a[data-nav-id="newProfilePosts"]:before { content:"\f075"; }

.offCanvasMenu a[data-nav-id="newProfilePosts"]:before { content:"\f075"; }



.p-navEl [data-nav-id="searchProfilePosts"]:before { content:"\f002"; }

.menu-content a[data-nav-id="searchProfilePosts"]:before { content:"\f002"; }

.offCanvasMenu a[data-nav-id="searchProfilePosts"]:before { content:"\f002"; }



/*Quoi de neuf ?*/

.p-navEl [data-nav-id="whatsNewPosts"]:before { content:"\f005"; }

.menu-content a[data-nav-id="whatsNewPosts"]:before { content:"\f005"; }

.offCanvasMenu a[data-nav-id="whatsNewPosts"]:before { content:"\f005"; }



.p-navEl [data-nav-id="whatsNewProfilePosts"]:before { content:"\f075"; }

.menu-content a[data-nav-id="whatsNewProfilePosts"]:before { content:"\f075"; }

.offCanvasMenu a[data-nav-id="whatsNewProfilePosts"]:before { content:"\f075"; }



.p-navEl [data-nav-id="whatsNewNewsFeed"]:before { content:"\f09e"; }

.menu-content a[data-nav-id="whatsNewNewsFeed"]:before { content:"\f09e"; }

.offCanvasMenu a[data-nav-id="whatsNewNewsFeed"]:before { content:"\f09e"; }



.p-navEl [data-nav-id="latestActivity"]:before { content:"\f06d"; }

.menu-content a[data-nav-id="latestActivity"]:before { content:"\f06d"; }

.offCanvasMenu a[data-nav-id="latestActivity"]:before { content:"\f06d"; }



/*Autres*/

.p-navEl [data-nav-id="defaultNewsFeed"]:before { content:"\f09e"; }

.menu-content a[data-nav-id="defaultNewsFeed"]:before { content:"\f09e"; }



.p-navEl [data-nav-id="defaultLatestActivity"]:before { content:"\f06d"; }

.menu-content a[data-nav-id="defaultLatestActivity"]:before { content:"\f06d"; }



.p-navEl [data-nav-id="defaultYourProfile"]:before { content:"\f007"; }

.menu-content a[data-nav-id="defaultYourProfile"]:before { content:"\f007"; }



.p-navEl [data-nav-id="defaultYourAccount"]:before { content:"\f023"; }

.menu-content a[data-nav-id="defaultYourAccount"]:before { content:"\f023"; }



.p-navEl [data-nav-id="defaultLogOut"]:before { content:"\f0a9"; }

.menu-content a[data-nav-id="defaultLogOut"]:before { content:"\f0a9"; }



.p-navEl [data-nav-id="defaultRegister"]:before { content:"\f0a8"; }

.menu-content a[data-nav-id="defaultRegister"]:before { content:"\f0a8"; }
Results:
2520
 
Top