Перейти к содержимому


Как В Шаблоне "движение" Меняющиеся Слайды Поменять На Одну Картинку Без Движений И Уменьшить Ее Размер?

Автор lidershop(Олег), 09 сент. 2014 10:53

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 42

#1 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 10:53

Как в шаблоне "движение" меняющиеся слайды поменять на одну картинку без движений и уменьшить ее размер?

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Сентябрь 2014 - 11:25

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 10:53) писал:

Как в шаблоне "движение" меняющиеся слайды поменять на одну картинку без движений и уменьшить ее размер?

Уточните номер аккаунта, где нужно произвести изменения.

#3 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 11:42

Просмотр сообщенияMikDark (09 Сентябрь 2014 - 11:25) писал:

Уточните номер аккаунта, где нужно произвести изменения.
http://lidershop.sto.../site_templates

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 09 Сентябрь 2014 - 11:45

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 11:42) писал:

http://lidershop.sto.../site_templates

В шаблоне HTML найдите код:
<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
			<div class="camera_caption moveFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
			<div class="camera_caption moveFomRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
			<div class="camera_caption moveFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
			<div class="camera_caption moveFomRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
			<div class="camera_caption fadeFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
			<div class="camera_caption fadeFromRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
			<div class="camera_caption fadeFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
			<div class="camera_caption fadeFromRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->

	  {% ENDIF %}

и замените на:
<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
			<div class="camera_caption moveFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->

	  {% ENDIF %}

Покажите на скриншоте, до каких размеров нужно уменьшить.

#5 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 11:52

Просмотр сообщенияMikDark (09 Сентябрь 2014 - 11:45) писал:

В шаблоне HTML найдите код:
<!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
	 <div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
	 </div><!-- #camera_wrap_1 -->
	 <div class="clear"></div>
	 </div><!-- .fluid_container -->

	 {% ENDIF %}

и замените на:
<!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
	 <div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
	 </div><!-- #camera_wrap_1 -->
	 <div class="clear"></div>
	 </div><!-- .fluid_container -->

	 {% ENDIF %}

Покажите на скриншоте, до каких размеров нужно уменьшить.
Я скриншот сделал но не знаю как его прикрепить к этому сообщению(

#6 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 09 Сентябрь 2014 - 11:56

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 11:52) писал:

Я скриншот сделал но не знаю как его прикрепить к этому сообщению(
Перейдите в расширенную форму, снизу появится кнопка "Прикрепить файлы".

#7 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 12:06

Размер нужно сделать по горизонтали в пределах панелей, а по вертикали ровно от одной к другой.

Просмотр сообщенияDars (09 Сентябрь 2014 - 11:56) писал:

Перейдите в расширенную форму, снизу появится кнопка "Прикрепить файлы".
Размер нужно сделать по горизонтали в пределах панелей, а по вертикали ровно от одной к другой.

Прикрепленные изображения

  • Безымянный.jpg
  • Безымянный.jpg

#8 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 12:19

Просмотр сообщенияMikDark (09 Сентябрь 2014 - 11:45) писал:

В шаблоне HTML найдите код:
<!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
	 <div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
	 </div><!-- #camera_wrap_1 -->
	 <div class="clear"></div>
	 </div><!-- .fluid_container -->

	 {% ENDIF %}

и замените на:
<!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
	 <div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
	 </div><!-- #camera_wrap_1 -->
	 <div class="clear"></div>
	 </div><!-- .fluid_container -->

	 {% ENDIF %}

Покажите на скриншоте, до каких размеров нужно уменьшить.
Размер нужно сделать по горизонтали в пределах панелей, а по вертикали ровно от одной к другой.

Прикрепленные изображения

  • Безымянный.jpg

#9 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Сентябрь 2014 - 13:06

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 12:19) писал:

Размер нужно сделать по горизонтали в пределах панелей, а по вертикали ровно от одной к другой.

Здравствуйте.
Зайдите в camera.css и найдите код 
.camera_wrap {
width: 100%;
}
Замените на 
.camera_wrap {
width: 70%;
margin: 0 auto;
}
Далее в шаблоне html найдите код
	{% IF index_page %}
	  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css">
	  <script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
	  <script>
	   jQuery(function(){	
	   jQuery('#camera_wrap_1').camera({
			minHeight: '400px',
			maxHeight: '600px',
			pagination: false,
		thumbnails: false,
			time: 3000
	   });
	  });
	 </script>
	{% ENDIF %}
Изменяйте значение  minHeight: '400px', maxHeight: '600px',(высота) чтобы они были одинаковые, например оба по 400px.

#10 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 13:27

Просмотр сообщенияДанил (09 Сентябрь 2014 - 13:06) писал:

Здравствуйте.
Зайдите в camera.css и найдите код
.camera_wrap {
Ширина: 100%;
}
Замените на
.camera_wrap {
Ширина: 70%;
margin: 0 auto;
}
Далее в шаблоне html найдите код
{% IF index_page %}
<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css">
<script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
minHeight: '400px',
maxHeight: '600px',
pagination: false,
thumbnails: false,
time: 3000
	 });
	 });
</script>
{% ENDIF %}
Изменяйте значение minHeight: '400px', maxHeight: '600px',(высота) чтобы они были одинаковые, например оба по 400px.

Стало вот так. Даже если меняю размер изображение остается на этом же месте.

Прикрепленные изображения

  • Безымянный.jpg

#11 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Сентябрь 2014 - 13:32

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 13:27) писал:

Стало вот так. Даже если меняю размер изображение остается на этом же месте.

В camera.css найдите код 
.camera_wrap {
display: none;
float: left;
position: relative;
z-index: 0;
}
И замените на 
.camera_wrap {
display: none;
position: relative;
z-index: 0;
}

#12 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 13:55

Просмотр сообщенияDanil (09 Сентябрь 2014 - 13:32) писал:

В camera.css найдите код
.camera_wrap {
display: none;
float: left;
position: relative;
z-index: 0;
}
И замените на
.camera_wrap {
display: none;
position: relative;
z-index: 0;
}

Стала по средине но не так как нужно. А нужно вот так.

Прикрепленные изображения

  • Безымянный.jpg

#13 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Сентябрь 2014 - 14:11

Просмотр сообщенияlidershop(Олег) (09 Сентябрь 2014 - 13:55) писал:

Стала по средине но не так как нужно. А нужно вот так.

К сожаления данные изменения произвести нельзя, они приведут к нарушению адаптивности сайта.

#14 lidershop(Олег)

lidershop(Олег)

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 09 Сентябрь 2014 - 14:16

Просмотр сообщенияDanil (09 Сентябрь 2014 - 14:11) писал:

К сожаления данные изменения произвести нельзя, они приведут к нарушению адаптивности сайта.

С этим понятно, а как можно убрать стрелки по краям, знак паузы и сделать, что бы она не анимировалась, а была полностью без движений?

#15 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 10 Сентябрь 2014 - 04:20

на данный момент вы установили тему хамелеон, а вопросы по теме движение, актуальны ли ваши вопросы?

#16 dostypno

dostypno

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 08 Ноябрь 2014 - 16:26

у меня актуальный этот вопрос, помогите.
сайт: autopilot-style.ru/

#17 dostypno

dostypno

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 08 Ноябрь 2014 - 18:15

скажите реально хоть так сделать, а то последний ответ модератора вселил надежду?

#18 Dars

Dars

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 09 Ноябрь 2014 - 08:47

Просмотр сообщенияdostypno (08 Ноябрь 2014 - 18:15) писал:

скажите реально хоть так сделать, а то последний ответ модератора вселил надежду?
Опишите, пожалуйста, что конкретно вы хотите сделать, автору темы произвели много изменений.

#19 dostypno

dostypno

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 180 сообщений

Отправлено 09 Ноябрь 2014 - 15:16

У меня так как и у автора баннер уменьшился и сместился, а мне нужно что бы баннер стал так как и автор хотел.

#20 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 11 Ноябрь 2014 - 04:30

В шаблоне HTML найдите:
<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
замените на:
<div class="camera_wrap container contentText camera_black_skin" id="camera_wrap_1">

далее в camera.css удалите:
.camera_wrap {
	width: 100%;
}

далее найдите:
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
замените на:
.camera_wrap {
	display: none;
	position: relative;
	z-index: 0;
}

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Движение
  5. → Изменение общей стилистики
  6. Privacy Policy