XF 2.2 / 2.3 [cXF] Thread prefix icons

[laurent68]

Would you like to customize your prefixes?

Here's a simple DIY tutorial as an example. Of course, you can extend it for your own needs as you wish.


So, read this tutorial to achieve something like this :

1. Create your custom prefix

In admin CP go to Forums > Thread prefixes and click on button Add prefix on the right top side.

Fill the form like this :

You can choose any prefix name you want, just change pack-a with your desired name.

* dont' forget to select applicable forums at the bottom

2. Add code to your extra.less template

Open you extra.less template and add the code :

Spoiler: XF 2.3

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

Spoiler: XF 2.2

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

For different prefix name just change pack-a in the code.

To edit prefix when hover check class &:hover.

To edit prefix icon check class &:before. To change the Font Awesome icon edit the word cogs (in above example) with any other icon name.

Want a Pro icon of a specific style?

Spoiler: XF 2.3

If you want an icon with one of the Font Awesome 5 Pro styles - light, solid or duotone - use the above code like this (example): .m-faContent(@fa-var-duotone-sign-in);. As you can see, you add the style name (in that case duotone) inside the code right after the var-.

Spoiler: XF 2.2

Edit .m-faBase(); and change it to .m-faBase('Pro', @faWeight-solid);, .m-faBase('Pro', @faWeight-regular); or .m-faBase('Pro', @faWeight-light);.

Want a Brand icon?

Spoiler: XF 2.3

In XenForo 2.3 you don't need to specify the Brands icon. Use the code as you would for any other icon.

Spoiler: XF 2.2

Edit .m-faBase(); and change it to .m-faBase('Brands');.

Want to show only icon without text in thread prefix?

Use this example code :

Spoiler: XF 2.3

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

Spoiler: XF 2.2

Vous devez répondre avant de pouvoir voir le contenu des données cachées.

That's basically it. To add more custom prefixes just go through the above procedure for each prefix.

 

XF 2.2 / 2.3  [cXF] Coloured Node Icons

XF 2.2 / 2.3  [cXF] Change default FA node icon

[lagrace]

bjr merci pour ce tuto

 

[dragon ball]

merci

 

[davidd88]

merci

 

[okonecc]

merci

 

[Kaareth]

Merci pour ce partage

 

[blidi4ever]

Merci pour ce partage

 

[Gugol]

mercì