Разместим колпак Санта Клауса на уголке аватара.
Вариант №1
Изображение santa_hat.png загружаем в папку /overlay своего стиля и в шаблон EXTRA.CSS добавляем:
Вариант №2
Изображение santa_hat2.png загружаем в папку /overlay своего стиля и в шаблон EXTRA.CSS добавляем:
Возможно, придётся не много подкорректировать под ваш стиль!
Для XenForo 1.x.x, перед использованием, рекомендуется удалить код:
В архиве так же присутствуют собранные модификации, для тех, кто не хочет в ручную править шаблоны или создавать модификации, XML файлик устанавливается как плагин и только для XenForo 1.2.x.
Thanks idea
Вариант №1
Код:
/* santa_hat=================================================================================== */
.message .helper {
background: transparent url('@imagePath/xenforo/overlay/santa_hat.png') no-repeat;
display: block;
height: 50px;
position: absolute;
right: -4px;
top: -8px;
width: 44px;
z-index: 99;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.message .helper {
display: none; !important;
}
}
</xen:if>
Код:
/* santa_hat2=================================================================================== */
.message .helper {
background: transparent url('@imagePath/xenforo/overlay/santa_hat2.png') no-repeat;
display: block;
height: 50px;
position: absolute;
right: -6px;
top: -8px;
width: 47px;
z-index: 99;
}
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.message .helper {
display: none; !important;
}
}
</xen:if>Для XenForo 1.x.x, перед использованием, рекомендуется удалить код:
Код:
<xen:if is="@enableResponsive">
@media (max-width:@maxResponsiveNarrowWidth)
{
.message .helper {
display: none; !important;
}
}
</xen:if>В архиве так же присутствуют собранные модификации, для тех, кто не хочет в ручную править шаблоны или создавать модификации, XML файлик устанавливается как плагин и только для XenForo 1.2.x.
Thanks idea
