1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. 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.
    Dismiss Notice
  3. 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

Discussion in 'Template Modifications [Archive]' started by stefan, Jan 27, 2012.

  1. stefan

    stefan Member

    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.



    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:
    <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>
        <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>
  2. Brogan

    Brogan XenForo Moderator Staff Member

Share This Page