XF 1.5 Сделать цвет симпатий

[nynCuKaH]

Вопрос. Как сделать симпатии под разными цветами.
Симпатии: 0 = серый цвет
Симпатии: 10 = зеленый цвет
и т.д

Где-то здесь условие нужно подставить.

                <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase likes_received}:</dt>
                        <dd>{xen:number $user.like_count}</dd>
                    </dl>
                </xen:if>

 

[Георгий Шевченко]

Это {xen:number $user.like_count}

Заменяем на это

<xen:if is="{xen:number $user.like_count} <= 3">
<span class="redRating">{xen:number $user.like_count}</span>
<xen:elseif is="{xen:number $user.like_count} <= 7" />
<span class="orangeRating">{xen:number $user.like_count}</span>
<xen:else />
<span class="greenRating">{xen:number $user.like_count}</span>
</xen:if>

В шаблон EXTRA.CSS (добавляем)

.redRating { color: red; }
.orangeRating { color: orange; }
.greenRating { color:yellowgreen; }

 

[Skaiman]

Может с этим Тэги <xen:set> и {xen:raw} удобнее будет

 

[Ignatov]

день добрый.
Сделал, так как было написано. Все хорошо. Но как теперь выровнять по правому краю и шрифт сделать чуть меньше?

 

[Skaiman]

Если все как написано, то их размер не должен был измениться

Вот так должно получиться:

                <xen:if is="@messageShowTotalLikes AND {$user.user_id}">
                    <dl class="pairsJustified">
                        <dt>{xen:phrase likes_received}:</dt>
                        <dd>
                            <xen:if is="{xen:number $user.like_count} <= 3">
                                <span class="redRating">{xen:number $user.like_count}</span>
                            <xen:elseif is="{xen:number $user.like_count} <= 7" />
                                <span class="orangeRating">{xen:number $user.like_count}</span>
                            <xen:else />
                                <span class="greenRating">{xen:number $user.like_count}</span>
                            </xen:if>
                        </dd>
                    </dl>
                </xen:if>

В EXTRA.css

.extraUserInfo dl.pairsJustified dd .redRating {color:red}
.extraUserInfo dl.pairsJustified dd .orangeRating {color:orange}
.extraUserInfo dl.pairsJustified dd .greenRating {color:green}

Ты скорее всего где то выскочил из тегов

 

[Ignatov]

Да, убрал dd. Прописал их, теперь все нормально. Получилось примерно так, как вы показали. Спасибо!