• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Add trophy icons

Add trophy icons


XenForo moderator
Staff member
Brogan submitted a new resource:

Add trophy icons (version 1.0) - Second is the first loser.

This is how to get a trophy image to display.

Add this to EXTRA.css:
/* Trophy icon */
.trophy_icon {
display: block;
width: 24px;
height: 30px;
float: left;
background: url('@imagePath/images/trophy.png');
Open the trophy template and after this:
<div class="trophy" id="trophy-{$trophy.trophy_id}">
Add this:
<div class="trophy_icon"></div>
The result is this:
View attachment 26128

An example trophy icon is attached.
You will need to...
Read more about this resource...