Skip to content

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

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

 

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

Featured Replies

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

  • Author

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

  • 2 months later...
  • Author

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

 

879b18cf696986608546b2cb2ad6cdd5.png

 

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

  • 3 months later...
  • Author

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

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

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

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

 

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

  • Author

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

 

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

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

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

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

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

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

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

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

 

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

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

Edited by Strategius

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.