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


Изменение Размеров Слайдера

слайдер движение

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

#121 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 13 Ноябрь 2014 - 07:42

Просмотр сообщенияVaccina (13 Ноябрь 2014 - 07:28) писал:

1. В теме про тень, написана инструкция по решению обоих проблем(родной и с этого вопроса)
2 в style.css найдите:
.fluid-container {
height: 500px;
position: relative;
}
.camera_wrap {
height: 500px !important;
}

попробуйте заменить на:
.fluid-container {
height: auto;
position: relative;
}
.camera_wrap {
height: auto !important;
}

3. вы уже вставили дубликат слайдера? в style.css найдите:
.container .five.columns, .container .twelve.columns {
margin: 0;
padding: 0 10px;
width: 440px;
}
после него пропишите:
.fluid-container:first-child {
display:none;
}

При разрешении до 480 всё съезжает влево и появляется полоса прокрутки.

#122 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 13 Ноябрь 2014 - 17:05

Слайдер от 1024 не работает во всю ширину, обрезается в самом верху!

#123 Vaccina

Vaccina

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

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

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

Цитата

При разрешении до 480 всё съезжает влево и появляется полоса прокрутки.

не дублируйте пожалуйста сообщения, вам ответили в другой теме.


Цитата

Слайдер от 1024 не работает во всю ширину, обрезается в самом верху!

ответьте пожалуйста на 3ий вопрос, так как от этого зависит писать стили отдельно по каждому слайдеру или использовать общие

#124 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

Отправлено 14 Ноябрь 2014 - 06:44

Просмотр сообщенияVaccina (14 Ноябрь 2014 - 03:04) писал:

не дублируйте пожалуйста сообщения, вам ответили в другой теме.




ответьте пожалуйста на 3ий вопрос, так как от этого зависит писать стили отдельно по каждому слайдеру или использовать общие

Слайдер один, стили общие, в малом разрешении его скрыл. Проблема в другом. На скрине 1 проблема слайдера от 960 до 1200, на скрине 2 показан слайдер до 960 и он устраивает.

#125 Vaccina

Vaccina

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

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

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

В style.css найдите:
.camera_wrap {
	height: auto !important;
}
замените на:
@media screen and (min-width: 960px) and (max-width: 1200px) {
.camera_wrap {
	height: auto !important;
}
}


#126 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

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

Просмотр сообщенияVaccina (15 Ноябрь 2014 - 04:20) писал:

В style.css найдите:
.camera_wrap {
height: auto !important;
}
замените на:
@media screen and (min-width: 960px) and (max-width: 1200px) {
.camera_wrap {
height: auto !important;
}
}

При вставке данного блока появляется красный крестик. Всё остаётся как раньше!

#127 admin

admin

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

  • Пользователи
  • PipPipPipPip
  • 505 сообщений
  • ГородСамара

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

Вопрос снят!

#128 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 28 Ноябрь 2014 - 22:03

Убрал слайдер, на время. Нужно поднять категорию АКЦИИ

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

  • Без имени-2.jpg


#129 Dars

Dars

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

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

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

Просмотр сообщенияBox (28 Ноябрь 2014 - 22:03) писал:

Убрал слайдер, на время. Нужно поднять категорию АКЦИИ
В style.css строку:

.fluid-container  {position: relative;height: 450px;/*min-height: 400px;background: url('http://multibox.storeland.net/slide4.jpg') center center;*/}

замените на:

.fluid-container  {position: relative;height: 450px;/*min-height: 400px;background: url('http://multibox.storeland.net/slide4.jpg') center center;*/display: none;}


#130 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 29 Ноябрь 2014 - 10:05

Просмотр сообщенияDars (28 Ноябрь 2014 - 22:18) писал:

В style.css строку:

.fluid-container {position: relative;height: 450px;/*min-height: 400px;background: url('http://multibox.storeland.net/slide4.jpg') center center;*/}

замените на:

.fluid-container {position: relative;height: 450px;/*min-height: 400px;background: url('http://multibox.storeland.net/slide4.jpg') center center;*/display: none;}

Исчезает шапка сайта, а все остальное остается так же

#131 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Ноябрь 2014 - 10:21

Просмотр сообщенияBox (29 Ноябрь 2014 - 10:05) писал:

Исчезает шапка сайта, а все остальное остается так же
Здравствуйте, найдите в HTML код
	{% IF index_page %}
	  <div class="fluid-container">
замените на

	{% IF index_page %}
	  <div class="fluid-container" style="display:none">


#132 Box

Box

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

  • Пользователи
  • PipPip
  • 27 сообщений
  • ГородЛангепас

Отправлено 29 Ноябрь 2014 - 10:23

Просмотр сообщенияИрина345 (29 Ноябрь 2014 - 10:21) писал:

Здравствуйте, найдите в HTML код
{% IF index_page %}
<div class="fluid-container">
замените на

{% IF index_page %}
<div class="fluid-container" style="display:none">

Спасибо, получилось.

#133 bergamota

bergamota

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

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

Отправлено 09 Январь 2015 - 15:40

Просмотр сообщенияCastiel (29 Июль 2014 - 10:19) писал:

В шаблоне "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 %}

Находим и удаляем:
{% 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 %}


В файле "style.css".
Найти и удалить:
.home #header{height: auto;text-align: left;position: absolute;background: none;z-index: 1000;left: 50%;margin-left: -600px;}

Добавлю еще, что в style.css нужно удалить и другие стили для
.home #header
т.к. иначе летит адаптивная верстка шапки на главной странице.

#134 Danil

Danil

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

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

Отправлено 09 Январь 2015 - 15:44

Просмотр сообщенияbergamota (09 Январь 2015 - 15:40) писал:

Добавлю еще, что в style.css нужно удалить и другие стили для
.home #header
т.к. иначе летит адаптивная верстка шапки на главной странице.
Здравствуйте.
Пришлите номер аккаунта, того сайта, на котором некорректно отображается адаптивная часть сайта.

#135 bergamota

bergamota

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

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

Отправлено 09 Январь 2015 - 16:01

Просмотр сообщенияDanil (09 Январь 2015 - 15:44) писал:

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

У меня уже все работает, удалила лишние стили. Я всего лишь хотела дополнить решение для вопроса "удалить слайдер" (последнее указано в сообщении №4 этой темы)




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

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