Add trophy icons

[Paul B]

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...

 

[DRE]

Cool! Your addon goes great with this: http://xenforo.com/community/threads/individual-trophy-icons.26525/

Time to hunt for cool trophy icons.

 

[ARSamo]

how i can display these trophy icons on user info area...

 

[Jeff Fuqua]

I'd like to add these to the profile area as well. Also, would it be possible to change design for certain achievements?