My way to use Iconify

Get help developing custom BBCodes or request one.
Post Reply
User avatar
RaiderKnight
Registered User
Posts: 11
Joined: Thu Oct 21, 2021 1:37 am
Location: Canada, Qc
Name: Raider Knight
Contact:

My way to use Iconify

Post by RaiderKnight »

I implemented Iconify into my forum this way:

This BBCode allows to place icons anywhere in posts.
1- I added this script before </body>, in : overall_footer.html

Code: Select all

<script src="https://code.iconify.design/2/2.0.4/iconify.min.js"></script>
2- In BBcode setting:
BBCode Usage:

Code: Select all

[icy={TEXT}][/icy]
HTML Replacement:

Code: Select all

<span class="iconify-inline" data-icon="{TEXT}"></span>
Help Line:

Code: Select all

[icy=youiconid][/icy]
Replace "youiconid" with the icon name ex: icon-park:traditional-chinese-medicine


For more advanced:
2- In BBcode setting:
BBCode Usage:

Code: Select all

[icyc="{TEXT}" color="{COLOR}"][/icyc]
HTML Replacement:

Code: Select all

<span class="iconify-inline" data-icon="{TEXT}" style="color: {COLOR};"></span>
Help Line:

Code: Select all

[icyc="youiconid" color="Yourcolor"][/icyc]
Replace "youiconid" with the icon name ex: icon-park:traditional-chinese-medicine , and the color for a color name or an Hex name, example: #ffffff or white

Have fun!
I don't follow the bible but the source code.
Post Reply

Return to “Custom BBCode Development and Requests”