Елка на аватарке — TorrentPier Ox Archive

ExPlayer User

2017-12-08 08:42 #1

Доброго времени суток! Подскажите, как правильно "наложить" изображение елки на аватарку вне зависимости от размера аватарки!

Я делаю так (в pageheader.tpl и вообще везде где показывается аватарка пользователя, кроме чата и количество пользователей за день):


<div align="center">{THIS_AVATAR}
<img border="0" style="position:absolute; float:right;margin: 90px 0 0 -40px;" src="http://сайтег/styles/images/elka.png"/>
</div>

результат (при условии если аватар размером 150х150 px):

Собственно говоря вопрос: как сделать, что бы елка была в правом нижнем углу аватарки, вне зависимости от размера самой аватарки.

1512722226298.webp (4.3 KiB)

Dr_Brown User

2017-12-08 19:05 #2

да луше лого перересуй. такая возня с этим.

ExPlayer User

2017-12-09 10:20 #3

да луше лого перересуй. такая возня с этим.

Лого — это, конечно хорошо, но хочется елочку на аватарке, а вот как правильно это сделать — не знаю 🙁

ilyadimid User

2017-12-09 10:54 #4

<div align="center">
<span style="position: relative;">
    {THIS_AVATAR}
    <img src="https://priceva.ru/blog/wp-content/uploads/2016/12/tree.png" style="position: absolute;height: 45px;right: 0;width: 38px;bottom: 0;">
</span>
</div>

ExPlayer User

2017-12-17 09:25 #5

ilyadimid спасибо, но почему-то этот же метод в viewtopic.tpl не работает. Елки вообще не видно. Пробовал разные значения style в теге <img>, но толку от этого мало.
Единственный код, который более-менее работает, тот который был у меня:

<!-- IF postrow.POSTER_AVATAR --><p class="avatar">{postrow.POSTER_AVATAR}
        <!--елка -->
        <img border="0" style="position:absolute; float:right;margin: -60px 0 0 110px;" src="http://free-tor.com/styles/images/elka.png"/>
        <!--елка-->
        </p>
        <!-- ENDIF -->

Результат (нормально смотрится только на широких аватарках):