Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Strategius

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

Recommended Posts

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

 

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

  • Upvote 1

Share this post


Link to post

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

Share this post


Link to post

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

Share this post


Link to post

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

 

879b18cf696986608546b2cb2ad6cdd5.png

 

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

Share this post


Link to post

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

Share this post


Link to post

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

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

Share this post


Link to post

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

 

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

Share this post


Link to post

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

 

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

Share this post


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

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

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

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

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

Share this post


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

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

 

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

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

Edited by Strategius

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...