Елка на аватарке

ExPlayer

Пользователь
#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.png

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

ilyadimid

Пользователь
#4
HTML:
<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

Пользователь
#5
ilyadimid спасибо, но почему-то этот же метод в viewtopic.tpl не работает. Елки вообще не видно. Пробовал разные значения style в теге <img>, но толку от этого мало.
Единственный код, который более-менее работает, тот который был у меня:
HTML:
<!-- 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 -->
Результат (нормально смотрится только на широких аватарках):
scr1.PNG scr2.PNG scr3.PNG scr4.PNG

Как бы Ваш метод ещё в viewtopic прикрутить?
 
Сверху