Jak zrobić takie rangi?

[Avernus]

Jak zrobić takie rangi i te ikonki przy rangach ? 

http://prntscr.com/hxca9w

I o przykładowy kod jak to wygląda 

 

[Althalek]

Kod pierwszej rangi od lewej wygląda mniej więcej tak:

 

PRZEDROSTEK/PREFIKS:

<span style='font-weight:bold; text-shadow:1px 1px 5px; color: red; background:url(http://przemo.org/phpBB2/forum/files/gwiazdkiorange_140.gif)'><i class="fa fa-star" aria-hidden="true"></i>

 

PRZYROSTEK/SUFIKS:

</span>

 

Ikonki bierzesz ze strony: http://fontawesome.io

Pyłki bierzesz ze strony: http://www.przemo.org/phpBB2/forum/viewtopic.php?t=124091