Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

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

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

 

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

Рекомендованные сообщения

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

  • Автор

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

  • 2 месяца спустя...
  • Автор

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

 

879b18cf696986608546b2cb2ad6cdd5.png

 

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

  • 3 месяца спустя...
  • Автор

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

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

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

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

 

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

  • Автор

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

 

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

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

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

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

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

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

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

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

 

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

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

Изменено пользователем Strategius

Создайте аккаунт или войдите в него для комментирования

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.