[cXF] Icons on Notable Members page

[BassMan]

BassMan submitted a new resource:

[cXF] Icons on Notable Members page - DIY guide for icons on Notable members page.

For XF 2.1 and above

Would you like to have icons on Notable members page like this?

View attachment 196347



Add this to your extra.less template:

/* Icons on Notable members page */
[data-template="member_notable"] .p-body-sideNavContent a.blockLink,
&[data-template="member_notable"] h3.block-textHeader a {
    &:before {
        .m-faBase();
        padding-right: 5px;
    }
    &[href*="/members/"]:before {...

Read more about this resource...

 

[dethfire]

just an fyi, this only works if using full friendly URLs

 

[BassMan]

BassMan updated [cXF] Icons on Notable Members page with a new update entry:

Now it works also with non full friendly URL

• updated the code to work also with non full friendly URL

Read the rest of this update entry...

 

[Chad]

Curious if you can provide a sample code for 2.0x versions? I cannot upgrade to 2.1 yet due to a custom skin.

 

[BassMan]

Try replacing .m-faBase(); with font-family: FontAwesome;.

Then replace .m-faContent(@fa-var-ellipsis-h-alt); with content: "\f0e6"; (it's an example; add the FA unicode for each icon).

Haven't tested, though.

 

[Chad]

Thank you. I think it's missing these, for me anyway. They come up icon not found (broken).

most likes
top posters of the month (addon)
registered members
staff members (I'm using FA5 free, f505)

 

[Chad]

Strangely, had no effect at all. Weird.