- Livefyre Implementation Guide
- Getting Started
- Getting Started with Livefyre Integration
- Implementation Process
- Implementation Process
- App Integration Types
- App Implementation
- Implement Livefyre with Third Party Integration
- Architecture
- Embed an App
- Add Authetication to an App using Livefyre.js
- Build Server Side Tokens
- CollectionMeta Token
- User Auth Token
- Create a Collection Using the CollectionMeta Token
- Creating a Checksum
- Identity Integration
- Livefyre Identity
- Livefyre Identity
- Enable Livefyre Identity
- Use Social Apps with Livefyre Identity
- Create Your Social Apps
- Create a Facebook App for Use with Livefyre Identity
- Create a Twitter App for Use with Livefyre Identity
- Create a Yahoo! App for Use with Livefyre Identity
- Create a Microsoft Live Identity App for Use with Livefyre Identity
- Create a LinkedIn App for Use with Livefyre Identity
- Create a GitHub Identity App for Use with Livefyre Identity
- Using Studio to Connect Your Social Apps to Your Livefyre Implementation
- Add Livefyre.js to the Page
- Initialize Livefyre Identity
- Emails for Livefyre Identity
- Janrain Capture/Backplane
- Installation
- Installing Libraries
- Classes and Methods
- Network Methods
- setSSL Network Method
- buildLivefyreToken Network Method
- buildUserAuthToken Network Method
- validateLivefyreToken Network Method
- setUserSyncUrl Network Method
- syncUser Network Method
- getUrn Network Method
- getUrnForUser Network Method
- getNetworkName Network Method
- getSite Network Method
- Network Class Methods
- Collection Class Methods
- createOrUpdate Collection Method
- buildCollectionMetaToken Collection Method
- buildChecksum Collection Method
- getCollectionContent Collection Method
- getUrn Collection Method
- Site Class Methods
- buildBlogCollection Site Method
- buildChatCollection Site Method
- buildCommentsCollection Site Method
- buildCountingCollection Site Method
- buildRatingsCollection Site Method
- buildReviewsCollection Site Method
- buildSitenotesCollection Site Method
- buildCollection Site Method
- getUrn Site Method
- Examples
- Mobile SDKs
- Livefyre.js
- Creating Livefyre Tokens C#
- App Integrations
- App Customizations
- App Customizations
- Change Display Options
- CSS Classes
- Storify CSS Classes
- Translation Sets
- Move the Livefyre Logo
- Restrict Media
- Hide App Elements
- Change @mention Icon
- Highlight Content
- Customize the Date and Time Stamp
- Feature Content
- Connecting Janrain to Livefyre using AuthDelegate
- Aggregated Featured Content using the Featured APIs
- Style Content
- Apply Custom Styles
- Javascript Events
- Embed a Comments App
- Referral Tracking
- Device and Browser Support
- Twitter Display Requirements
- Stress Test Policy
- Analytics
- Integrating Livefyre with AEM
- Advanced Topics
Change @mention Icon
Change the icon displayed for Livefyre users in the @mention pulldown menu.
Change the Livefyre icon used in the @mention pulldown menu to an icon of your choosing, allowing you to indicate your community members with your own icon.
Example
To change this icon, add the following CSS to your stylesheet. Replace <your resource> url with the URL of the image selected to replace the default Livefyre badge.
.fyre-editor-container .fyre-editor-toolbar > .fyre-mention-menu .fyre-mention-item .fyre-mention-item-livefyre {
background: url(<your resource url>) no-repeat center;
background-position: 0px 0px;
background-size: 22px 22px;
}