Individual Trophy Icons

by security - 28-07-2015, 08:41 AM
Closed Account
Posts:
13
Joined:
Jul 2015
Likes:
1
Credits:
21
Reputation:
0
2 Years of Service
#1
OP
Posted: 28-07-2015, 08:41 AM (This post was last modified: 28-07-2015, 08:41 AM by security.)
Quote: 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.


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>
 
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)