• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
  • This forum is for release discussion only. Discussions that do not relate specifically to the resource release should be discussed in another, more appropriate forum.
  • This forum has been archived. New threads and replies may not be made. All add-ons/resources that are active should be migrated to the Resource Manager. See this thread for more information.

Individual Trophy Icons

#1
I absolutely love the concept of Xenforos trophies, but since my board does not have a title ladder, the trophy points hardly have any relevance there.
On the other hand, I really missed icons for the trophies - so I made some template changes.

Before:
Before.png

After:
After.png


How:
  1. Find/create icons that fit your trophies
  2. Rename them: "trophy_1.png" for the trophy with ID=1, "trophy_2.png" for ID=2, etc.
  3. Upload them to your server
  4. Open trophy template
  5. Replace entire code with:
Code:
<xen:require css="trophy.css" />
 
<div class="trophy" id="trophy-{$trophy.trophy_id}">
    <div class="points"><img title="{$trophy.title}" alt="{$trophy.title}" src="[PATH TO YOUR TROPHY ICON DIRECTORY]/trophy_{$trophy.trophy_id}.png"></div>
    <xen:if is="{$trophy.award_date}">
        <div class="awarded">{xen:phrase awarded}: <xen:datetime time="$trophy.award_date" /></div>
    </xen:if>
    <div class="info">
        <h3 class="title">{$trophy.title}</h3>
        <p class="description">{xen:phrase points}: {$trophy.trophy_points}</p>
        <p class="description">{xen:raw $trophy.description}</p>
    </div>
</div>