Смена позиции персонализации

[Strategius 52]

Сделал персонализацию как в четверке, но остался косяк - нет возможности менять положение загруженной картинки по высоте. Можно ли как-нибудь добавить кнопку, нажав на которую, пользователь попадал в настройку, где он смог бы поменять положение картинки по высоте - т.е. по оси Y (как в четверке)?

 

http://i77.fastpic.ru/big/2016/0730/72/6aae1061c827340f78885230b7708872.png

 

Вот код персонализации (в самом верху шаблона 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% на свою (желательно с помощью скрипта, подвигав картинку).

 

Возможно ли такое?

[ovi8 5]

Классно получилось B) B) B) Этот код можно на стандартный скин поставить?

[Strategius 52]

@ovi8, у Вас стандартный скин? Насколько я помню, там похоже реализовано, завтра посмотрю, если будет время.

[Strategius 52]

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

 

 

Помогите, пожалуйста. Разумеется, не бесплатно, скину денежку в донат на развитие форума )

[Strategius 52]

Не подскажете, возможно ли такое реализовать с помощью Javascript?

[Trotor 27]

Не подскажете, возможно ли такое реализовать с помощью Javascript?

Присоединяюсь.

[newbie 1723]

Не подскажете, возможно ли такое реализовать с помощью Javascript?

 

Можно. Но маловато будет. Нужно еще обработчик писать для сохранения значения.

[Strategius 52]

@newbie, а Вы не возьметесь сделать? Мы с Haktar'ом бы скинулись.

 

Или не могли бы, если не трудно, примерно показать, куда копать?

[newbie 1723]

Мы с Haktar'ом бы скинулись.

У Вас разные версии форумов.

Или не могли бы, если не трудно, примерно показать, куда копать?

Я Вам подсказал.

Минимальный вариант. Используя js, отправляете ajax-запрос например к app=members&module=ajax&section=photo&do=saveBackgroundImage. В файле admin/applications/members/modules_public/ajax/photo.php в switch добавляете новый case, добавляете новый метод, где обрабатываете поступающие данные и сохраняете их.

[Strategius 52]

У Вас разные версии форумов.

Ну там принцип реализации вроде похожий, у него кастомная модификация (обложку на форум добавлял отдельно)...

 

Минимальный вариант.

Даже такое сложно звучит

Изменено 4 февраля 2017 пользователем Strategius