Сделал персонализацию как в четверке, но остался косяк - нет возможности менять положение загруженной картинки по высоте. Можно ли как-нибудь добавить кнопку, нажав на которую, пользователь попадал в настройку, где он смог бы поменять положение картинки по высоте - т.е. по оси Y (как в четверке)?
Вот код персонализации (в самом верху шаблона customizeProfile):
#customBackground{
<if test="hasBackgroundColor:|:$member['customization']['bg_color']">
background-color: #{$member['customization']['bg_color']} !important;
</if>
<if test="hasBackgroundImage:|:$member['customization']['_bgUrl']">
background-image: url("{$member['customization']['_bgUrl']}?nc={$member['pp_profile_update']}") !important;
<if test="backgroundIsFixed:|:! $member['customization']['bg_tile']">
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: cover;
<else />
background-position: 50% 50%;
background-repeat: repeat;
</if>
</if>
height: 330px;
margin: -9px -9px 0 -9px;
За положение картинки по высоте отвечает строка:
background-position: 50% 50%;
Идея состоит в том, чтобы создать настройку, в которой пользователь смог бы поменять цифру 50% на свою (желательно с помощью скрипта, подвигав картинку).
Возможно ли такое реализовать с помощью Javascript? Готов заплатить.