Слайдер На Главной, Слайдер На Прочих Страницах
#1
Отправлено 07 Август 2014 - 06:25
СТРАНИЦА ГЛАВНАЯ. СЛАЙДЕР. Закрепили размеры jpg картинок для слайдера 1900х725, включили код в файл camera.css:
.imgLoaded {
height: auto !important;
margin-left: 0 !important;
width: 100% !important;
Но картинки сжимаются по краям. См файл 1. Лечили эту проблему изменением размера подгружаемого файла на 1900х900. Тогда вроде все хорошо, но на широкоформатных экранах низ слайда обрезался очень сильно. Что делать?
1. Необходимо чтобы слайд отображался в ширину 100% всегда.
2. При этом не хочу чтобы Меню с преимуществами(Оплата, Доставка , Гарантия Поддержка) наползало на слайдер снизу более чем на 10 пикселей.
3. Как убрать вовсе слайдер со всех остальных страниц, кроме ГЛАВНОЙ? На других страницах он не нужен тк.к сжимается очень сильно См. Рис. 2
4.Как увеличить (управлять) размер шрифта Контактов в Header-е?
#2
Отправлено 07 Август 2014 - 07:08
Olga89 (07 Август 2014 - 06:25) писал:
СТРАНИЦА ГЛАВНАЯ. СЛАЙДЕР. Закрепили размеры jpg картинок для слайдера 1900х725, включили код в файл camera.css:
.imgLoaded {
height: auto !important;
margin-left: 0 !important;
width: 100% !important;
Но картинки сжимаются по краям. См файл 1. Лечили эту проблему изменением размера подгружаемого файла на 1900х900. Тогда вроде все хорошо, но на широкоформатных экранах низ слайда обрезался очень сильно. Что делать?
1. Необходимо чтобы слайд отображался в ширину 100% всегда.
2. При этом не хочу чтобы Меню с преимуществами(Оплата, Доставка , Гарантия Поддержка) наползало на слайдер снизу более чем на 10 пикселей.
3. Как убрать вовсе слайдер со всех остальных страниц, кроме ГЛАВНОЙ? На других страницах он не нужен тк.к сжимается очень сильно См. Рис. 2
4.Как увеличить (управлять) размер шрифта Контактов в Header-е?
Здравствуйте,
1. В шаблоне "HTML"
Находим:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '400px', maxHeight: '600px', pagination: false, thumbnails: false, time: 3000 }); }); </script>
Заменяем на:
<script> jQuery(function(){ jQuery('#camera_wrap_1').camera({ minHeight: '400px', height: '600px', pagination: false, thumbnails: false, time: 3000 }); }); </script>
2. Уточните пожалуйста на скриншоте как должно быть. Если на много опустить блок (Оплата, Доставка, Гарантия, Поддержка) он может наложиться на основную часть сайта.
3. Слайдер у вас только на главной странице, на остальных страницах идет фоновое изображение которое можно изменить или удалить, уточните что именно необходимо сделать.
4. В файле "style.css".
Найти:
.phone { display: block; font-family: Calibri; line-height: 1em; color: #fff !important; float: left; margin-right: 20px; }
Заменить:
.phone { display: block; font-family: Calibri; line-height: 1em; color: #fff !important; float: left; margin-right: 20px; font-size: 22px; }
font-size: 22px; регулируйте данное значение для изменения размера шрифта
#3
Отправлено 07 Сентябрь 2014 - 05:18
Castiel (07 Август 2014 - 07:08) писал:
Необходимо, чтобы оно не налазило на слайдер на главной странице и на фон на других страницах, как на скринах. Причем, как я уже говорила ранее, это наложение происходит только на широкоформатных мониторах.
#4
Отправлено 07 Сентябрь 2014 - 06:58
Olga89 (07 Сентябрь 2014 - 05:18) писал:
Необходимо, чтобы оно не налазило на слайдер на главной странице и на фон на других страницах, как на скринах. Причем, как я уже говорила ранее, это наложение происходит только на широкоформатных мониторах.
.container.promo_block { margin-top: 55px; }
#6
Отправлено 07 Сентябрь 2014 - 16:52
Olga89 (07 Сентябрь 2014 - 13:00) писал:
.imgLoaded { margin-left: 0 !important; width: 100% !important; }
#8
Отправлено 08 Сентябрь 2014 - 12:04
Olga89 (08 Сентябрь 2014 - 11:56) писал:
У Вас сейчас стоят изображения 900px по высоте. Если их сделать такими, то это будет плохо смотреться, клиенты при открытии страницы будут видеть только слайдер, а чтобы получиться доступ к информации придется далеко вниз пролистывать страницу. Советуем использовать более узкие изображения для слайдера.
Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:
.camera_wrap { height: 600px !important; }
и замените на:
.camera_wrap { height: 900px !important; }
#9
Отправлено 08 Сентябрь 2014 - 12:17
MikDark (08 Сентябрь 2014 - 12:04) писал:
Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:
.camera_wrap { height: 600px !important; }
и замените на:
.camera_wrap { height: 900px !important; }
Я поняла. Спасибо. Буду обрезать картинки.
#10
Отправлено 03 Март 2015 - 03:24
Решили все таки вернуться к варианту слайдера на всю высоту страницы, т.е. 900px.
После произведения с кодом следующих действий:
"Если Вы все же хотите сделать слайды 900px в высоту, то в style.css найдите:
.camera_wrap {height: 600px !important;}
и замените на:
.camera_wrap {height: 900px !important;}
Размер промоблока увеличился и налез на слайдер на главной странице (см. фото)
Необходимо его сузить до стандартного размера и разместить под слайдером.
Спасибо.
#11
Отправлено 04 Март 2015 - 05:23
#12
Отправлено 04 Март 2015 - 16:58
Olga89 (04 Март 2015 - 05:23) писал:
.fluid-container {position: relative;height:600px;/*min-height: 400px;background: url('http://design.xn--j1aie4bxa.xn--p1ai/slide4.jpg') center center;*/}
и замените её на:
.fluid-container {position: relative;/*min-height: 400px;background: url('http://design.xn--j1aie4bxa.xn--p1ai/slide4.jpg') center center;*/}
#13
Отправлено 05 Март 2015 - 02:41
#15
Отправлено 09 Апрель 2015 - 01:52
.camera_wrap { width: 100%; }замените на:
.camera_wrap { max-height: 630px; width: 100%; }
#16
Отправлено 03 Июнь 2015 - 01:12
#17
Отправлено 03 Июнь 2015 - 01:22
<div class="contacts">
вставьте:
<img class="banner_in_head" alt="" src="ссылка на баннер">
далее в style.css найдите:
.contacts { color: #fff !important; display: block; float: left; font-family: Calibri; font-size: 22px; line-height: 1em; margin: 9px 15px 10px 430px; }
замените на:
.contacts { color: #fff !important; display: block; float: left; font-family: Calibri; font-size: 22px; line-height: 1em; margin: 10px 15px; } .banner_in_head { float: left; max-width: 500px; width: 25%; }
#18
Отправлено 03 Июнь 2015 - 01:44
#19
Отправлено 03 Июнь 2015 - 08:27
+ еще чуть вниз банер ( в идеале чтоб к центру был привязан)
спасибо
#20
Отправлено 03 Июнь 2015 - 08:58
forester (03 Июнь 2015 - 08:27) писал:
+ еще чуть вниз банер ( в идеале чтоб к центру был привязан)
спасибо
.banner_in_head { float: left; max-width: 500px; width: 40%; }и замените на
.banner_in_head { float: left; max-width: 500px; width: 40%; margin-top: 50px; }Если вы хотите установить ссылку на баннер, то в шаблоне html найдите код
<img class="banner_in_head" src="http://st.stalker4x4.ru/11/1666/698/hat113.gif">и замените на
<a href="Ссылка"><img class="banner_in_head" src="http://st.stalker4x4.ru/11/1666/698/hat113.gif"></a>
Темы с аналогичным тегами слайдер на главной размер, слайдер на других страницах, движение
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных