Звания за трофеи картинками

[Masway]

Каким образом можно звания за трофеи отображать не текстом, а картинками?

 

[Hope]

Ищем нужные картинки для трофеев и называем их так: trophy_1.png, trophy_2.png, trophy_3.png - где цифра в конце названия это ID нашего трофея...
Загружаем иконки в нужную директорию сервера.
Содержимое шаблона trophy меняем на:

<xen:require css="trophy.css" />
<div class="trophy" id="trophy-{$trophy.trophy_id}">
    <div class="points"><img title="{$trophy.title}" alt="{$trophy.title}" src="путь_до_папки_с_иконками/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>

Ну и можно получить что-то типа того:

 

[Masway]

Ищем нужные картинки для трофеев и называем их так: trophy_1.png, trophy_2.png, trophy_3.png - где цифра в конце названия это ID нашего трофея...
Загружаем иконки в нужную директорию сервера.
Содержимое шаблона trophy меняем на:

<xen:require css="trophy.css" />
<div class="trophy" id="trophy-{$trophy.trophy_id}">
    <div class="points"><img title="{$trophy.title}" alt="{$trophy.title}" src="путь_до_папки_с_иконками/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>

Ну и можно получить что-то типа того:

Посмотреть вложение 7749

Спасибо, однако мне нужно сменить на картинку звание, а не картинку трофея :) .

 

[Hope]

Ну тогда поиск и только он. Несколько вариаций есть на эту тему.

 

[PaulZibert]

Ну тогда поиск и только он. Несколько вариаций есть на эту тему.

Например ?

 

[Hope]

http://xenforo.info/resources/Отображение-рангов-пользователей-картинками.484/

 

[Rommax]

Ищем нужные картинки для трофеев и называем их так: trophy_1.png, trophy_2.png, trophy_3.png - где цифра в конце названия это ID нашего трофея...
Загружаем иконки в нужную директорию сервера.
Содержимое шаблона trophy меняем на:

<xen:require css="trophy.css" />
<div class="trophy" id="trophy-{$trophy.trophy_id}">
    <div class="points"><img title="{$trophy.title}" alt="{$trophy.title}" src="путь_до_папки_с_иконками/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>

Ну и можно получить что-то типа того:

Посмотреть вложение 7749

Поднимая тему...
А можно каким то образом сделать чтобы в 2 колонки выводилось ? Более 100 трофеев будет и список будет очень длинным если в одну колонку останется (

использовал такой метод

.trophy
{
    overflow: hidden; zoom: 1; margin-top: -10px; margin-bottom: -10px;
     display: block;
        float: left;
        width: 33%;
}

вроде нормально кроме первых пунктов
после них идут прогалы большие и получается немного неровно
Это как то можно исправить ?