#1
Отправлено 07 Март 2015 - 15:28
Сайт: http://shinagruz.ru/
Вопрос: Как заменить слайдер на главной на статичное изображение.
т.е. чтобы шапка главной страницы выглядела так же как другие страницы сайта, например: http://shinagruz.ru/feedback
Заранее благодарен!
#2
Отправлено 07 Март 2015 - 16:44
chebsalyt (07 Март 2015 - 15:28) писал:
Сайт: http://shinagruz.ru/
Вопрос: Как заменить слайдер на главной на статичное изображение.
т.е. чтобы шапка главной страницы выглядела так же как другие страницы сайта, например: http://shinagruz.ru/feedback
Заранее благодарен!
Изменения произвел, проверьте.
Бэкапы
07.03.2015 16:43:38 - с изменениями
07.03.2015 16:41:46 - до изменений
#4
Отправлено 07 Март 2015 - 17:41
chebsalyt (07 Март 2015 - 17:36) писал:
Ещё один момент остался:
Как сделать чтобы высота блока изображения была такая же как на других страницах??? Идею изобразил на картинках ниже.
в style.css найдите код
.fluid-container { position: relative; height: 600px; }и замените на
.fluid-container { position: relative; height: 400px; }Так же найдите
.camera_wrap { height: 600px !important; }и замените на
.camera_wrap { height: 400px !important; }Далее в конец style.css добавьте
div#camera_wrap_1 img { width: 100%; height: 100%; }
#6
Отправлено 07 Март 2015 - 18:25
chebsalyt (07 Март 2015 - 17:58) писал:
1. Элементы поднялись, а картинка осталась того же размера.
2. Шапка съехала чуть левее..
p.s.: временно откатил назад. Вопрос актуален.
2) В style.css найдите код
.home #header { height: auto; text-align: left; position: absolute; background: none; z-index: 1000; left: 50%; margin-left: -600px; }изменяйте значение 600px для регулировки положения шапки.
#7
Отправлено 07 Март 2015 - 23:53
Вообщем по 4-ому сообщению большая часть помогла, правда если сделать так, то картинка растягивается в заданных размерах и на некоторых разрешению это не есть хорошо, поэтому сделал немного по другому:
#header {position: relative;height: 400px;background: url('{ASSETS_IMAGES_PATH}slide4.jpg?design=movement') center center;}
Осталось разобраться со смещением верней части шапки, изменять значение margin-left: -600px; пробовал, но тест на разрешения экранов показывает что на разных экранах смещается по разному..
#8
Отправлено 11 Март 2015 - 08:46
#9
Отправлено 11 Март 2015 - 18:58
chebsalyt (11 Март 2015 - 08:46) писал:
Попробуйте сделать следующее:
В шаблоне main.css найдите код:
.home #header { height: auto; text-align: left; position: absolute; background: none; z-index: 1000; left: 50%; margin-left: -595px; }И замените его вот этим кодом:
.home #header { height: auto; text-align: left; position: absolute; background: none; z-index: 1000; left: 50%; margin-left: -595px; padding: 0 0 0 8px; }
#10
Отправлено 14 Март 2015 - 00:19
#11
Отправлено 14 Март 2015 - 10:58
chebsalyt (14 Март 2015 - 00:19) писал:
chebsalyt (14 Март 2015 - 00:19) писал:
В шаблоне html найдите код
<!-- Главная страница --> {% IF index_page %} <div class="fluid-container"> <div class="camera_wrap camera_black_skin" id="camera_wrap_1"> <img src="{ASSETS_IMAGES_PATH}slide1.jpg"> </div> </div> <div class="clear"></div> </div><!-- .fluid_container -->и замените на
<!-- Главная страница --> {% IF index_page %}Далее в style.css найдите и удалите следующие коды
.home #header { height: auto; text-align: left; position: absolute; background: none; z-index: 1000; left: 50%; margin-left: -600px; padding: 0 0 0 8px; }
.home #header {margin-left: -480px;}
.home #header {margin-left: -384px;}
.home #header {margin-left: -220px;}
.home #header {margin-left: -150px;}
Темы с аналогичным тегами слайдер, замена
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сказка →
Главная →
Убираем Цветной Баннер На СлайдереАвтор Гость_Foxis_10_* , 17 февр. 2021 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Нептун →
Главная →
Изменение Главного Баннера На СлайдерАвтор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Сканди →
Изменение общей стилистики →
Изменение СлайдераАвтор Гость_TYURIKOFF_* , 21 марта 2019 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Изменение общей стилистики →
Настройка СлайдераАвтор Гость_tovmarket_* , 30 окт. 2018 слайдер |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Рассвет →
Как Изменить Расположение Объектов На Первом ЭкранеАвтор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных