Add trophy icons

Add trophy icons

Paul B

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...
I'd like to add these to the profile area as well. Also, would it be possible to change design for certain achievements?
Top Bottom