Jump to content
WebFlake
  • 0

How to add a Icon in front


Daniel99

Question

So my question is i currently run a gaming community and want my Ts icon to be the same as Forum Badge/Icon

but as ts3 icons are 16*16 its a small icons on the forum, so i want the user to have different icons depending on there usergroup on post bit and profile 

Example right now i have 

 

YOURUSERNAME but i want  349941YOURUSERNAME

 

Thanks 

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 1

You can use fontawesome icons but there is no teamspeak icon .

To use fontawesome icons just go to their site http://fontawesome.io/icons/ (i hope this will not be considered as ad) chose a icon do you want . Example this one : http://fontawesome.io/icon/adjust/ down there you have html code 

<i class="fa fa-adjust" aria-hidden="true">

Go to your board in Admin CP , edit a group do you want to put the icon and then at Group Formatting put this one

<i class="fa fa-adjust" aria-hidden="true">

And at Group Name put 

</i>

And then you have icons , I recommend to put at Group Formatting after the code a space or at Group Name in front of the code.

Link to comment
Share on other sites

  • 0
9 hours ago, Faraonii said:

You can use fontawesome icons but there is no teamspeak icon .

To use fontawesome icons just go to their site http://fontawesome.io/icons/ (i hope this will not be considered as ad) chose a icon do you want . Example this one : http://fontawesome.io/icon/adjust/ down there you have html code 


<i class="fa fa-adjust" aria-hidden="true">

Go to your board in Admin CP , edit a group do you want to put the icon and then at Group Formatting put this one


<i class="fa fa-adjust" aria-hidden="true">

And at Group Name put 


</i>

And then you have icons , I recommend to put at Group Formatting after the code a space or at Group Name in front of the code.

Thanks this worked for me :)

  • Upvote 1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...