#1
Отправлено 28 Июль 2014 - 14:07
#2
Отправлено 28 Июль 2014 - 15:02
1egi0n (28 Июль 2014 - 14:07) писал:
строку:
.camera_wrap {display: none; float: left; position: relative;z-index: 0;}
замените на:
.camera_wrap {display: none;position: relative;z-index: 0;}
строку:
.camera_wrap {width: 100%;}
на
.camera_wrap {width: 80%;margin: 0 auto;}
вместо 80% можете поставить свое значение;
и в строке:
.camera_wrap {height: 600px !important;}
замените 600 на нужную вам высоту.
#3
Отправлено 29 Июль 2014 - 09:50
Подскажите, а как полностью убрать этот слайдер?
#4
Отправлено 29 Июль 2014 - 10:19
Hetvild (29 Июль 2014 - 09:50) писал:
Подскажите, а как полностью убрать этот слайдер?
Находим и удаляем:
{% 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;}
#5
Отправлено 29 Июль 2014 - 11:01
#6
Отправлено 31 Июль 2014 - 10:50
Dars (28 Июль 2014 - 15:02) писал:
строку:
.camera_wrap {display: none; float: left; position: relative;z-index: 0;}
замените на:
.camera_wrap {display: none;position: relative;z-index: 0;}
строку:
.camera_wrap {width: 100%;}
на
.camera_wrap {width: 80%;margin: 0 auto;}
вместо 80% можете поставить свое значение;
и в строке:
.camera_wrap {height: 600px !important;}
замените 600 на нужную вам высоту.
у меня нету main.css, а в style.css нет такой строки
#8
Отправлено 31 Июль 2014 - 11:43
#9
Отправлено 31 Июль 2014 - 12:10
#10
Отправлено 31 Июль 2014 - 12:12
1egi0n (31 Июль 2014 - 12:10) писал:
В шаблоне HTML найдите код:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '400px', maxHeight: '600px', pagination: false, thumbnails: false, time: 3000 }); }); </script>
и измените значение time
#11
Отправлено 31 Июль 2014 - 15:28
Такое ощущение , что слайдер любую картинку растягивает до опред размера.
#12
Отправлено 31 Июль 2014 - 17:03
1egi0n (31 Июль 2014 - 15:28) писал:
Такое ощущение , что слайдер любую картинку растягивает до опред размера.
Изображение действительно будет растягиваться под ширину всей страницы монитора. Если Вы не хотите этого, можете перенести слайдер чуть ниже и поставить справа от категорий. Таким образом ширина всех изображений слайдера будет не более 650 пикселей
#13
Отправлено 01 Август 2014 - 12:28
trendstuff.ru посмотрите
#14
Отправлено 01 Август 2014 - 21:05
1egi0n (01 Август 2014 - 12:28) писал:
trendstuff.ru посмотрите
#15
Отправлено 02 Август 2014 - 10:47
trendstuff.ru
#16
Отправлено 02 Август 2014 - 11:26
1egi0n (02 Август 2014 - 10:47) писал:
trendstuff.ru
Здравствуйте, сейчас на вашем сайте загружено 2 слайда, оба с разными размерами. Для корректной работы слайдера необходимо использовать все слайды одного размера (например, 1920х450px).
Отредактируйте все слайды до нужных размеров, затем в шаблоне HTML
Найти:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '400px', maxHeight: '300px', pagination: false, thumbnails: false, time: 3000 }); }); </script>
Заменить:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '300px', height: '450px', pagination: false, thumbnails: false, time: 3000 }); }); </script>
В файле "style.css".
Найти:
.fluid-container {position: relative;height:600px;/*min-height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg') center center;*/} .camera_wrap {height:600px !important;}
Заменить:
.fluid-container {position: relative;height:450px;/*min-height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg') center center;*/} .camera_wrap {height:450px !important;}
#17
Отправлено 02 Август 2014 - 11:32
#18
Отправлено 02 Август 2014 - 11:38
#19
Отправлено 02 Август 2014 - 11:50
1egi0n (02 Август 2014 - 11:38) писал:
Пожалуйста, выполняйте инструкции в точности так как они написаны, малейшие неточности в выполнении инструкций могут привести к неверному результату.
В шаблоне "HTML"
Находим:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '300px', Height: '450px', pagination: false, thumbnails: false, time: 5000 }); }); </script>
Заменяем на:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '300px', height: '450px', pagination: false, thumbnails: false, time: 5000 }); }); </script>
Должно быть с маленькой буквы height: '450px',
#20
Отправлено 02 Август 2014 - 12:25
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных