Приветствую. Необходимо решить ряд проблем. Номер аккаунта SL-354098. Сайт http://igrshop.storeland.ru/
1. У каждой кнопки верхнего меню(главная, доставка, и т.д) есть свои рамки, которые я выделил желтым цветом. Как можно немножко передвинуть вправо это меню, чтобы оно было на одной линии с каталогом(т.е на красной линии)?
2. Необходимо удалить каталог сверху, рядом с логотипом, но так, чтобы каталог слева остался на месте.
3. Необходимо уменьшить размер слайдера и выровнять его по кнопке поиска(красная линия справа отчерчена). Ибо в связи с переносом каталога данный слайдер растянул страницу и появился скрол по ширине, что совсем не нужно.
Надеюсь на скорую помощь!
0
Передвинуть Элементы На Главной.
Автор igrugha, 11 авг. 2015 00:42
Сообщений в теме: 4
#1
Отправлено 11 Август 2015 - 00:42
#2
Отправлено 11 Август 2015 - 09:55
igrugha (11 Август 2015 - 00:42) писал:
Приветствую. Необходимо решить ряд проблем. Номер аккаунта SL-354098. Сайт http://igrshop.storeland.ru/
1. У каждой кнопки верхнего меню(главная, доставка, и т.д) есть свои рамки, которые я выделил желтым цветом. Как можно немножко передвинуть вправо это меню, чтобы оно было на одной линии с каталогом(т.е на красной линии)?
2. Необходимо удалить каталог сверху, рядом с логотипом, но так, чтобы каталог слева остался на месте.
3. Необходимо уменьшить размер слайдера и выровнять его по кнопке поиска(красная линия справа отчерчена). Ибо в связи с переносом каталога данный слайдер растянул страницу и появился скрол по ширине, что совсем не нужно.
Надеюсь на скорую помощь!
1. У каждой кнопки верхнего меню(главная, доставка, и т.д) есть свои рамки, которые я выделил желтым цветом. Как можно немножко передвинуть вправо это меню, чтобы оно было на одной линии с каталогом(т.е на красной линии)?
2. Необходимо удалить каталог сверху, рядом с логотипом, но так, чтобы каталог слева остался на месте.
3. Необходимо уменьшить размер слайдера и выровнять его по кнопке поиска(красная линия справа отчерчена). Ибо в связи с переносом каталога данный слайдер растянул страницу и появился скрол по ширине, что совсем не нужно.
Надеюсь на скорую помощь!
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;}
Замените на:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;padding-left: 15px;}
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}
Замените на:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;display: none;}
3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));
Замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 825));
#3
Отправлено 11 Август 2015 - 11:08
Firefly (11 Август 2015 - 09:55) писал:
Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
Замените на:
3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
Замените на:
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;}
Замените на:
.header-top .header-top-left .top-navbar-links {float:left;list-style:none;overflow: hidden;height: 50px;padding-left: 15px;}
2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;}
Замените на:
.header-content .yt-main-menu {padding:40px 0 20px 0;float:right;display: none;}
3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Скрипты -> main.js, найдите код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));
Замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 825));
Вопрос по слайду: Когда я изменил его ширину в main.js высота автоматически поменялась. Я нашел такой код
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 970px; overflow: hidden;z-index:1;}Где параметр height поменял на 970(было 570), визуально блок стал больше. Я сделал яркую картинку, чтобы можно было понять как располагается она внутри блока. Как видите, она автоматически становится так, что по краям и снизу остается место. Стандартные картинки имеют такой же вид.
Вопрос: как правильно сделать блок со слайдерами ВЫШЕ(как в настоящий момент), но чтобы картинка разместилась на всю ширину? И какой размер в пикселях у нее будет? Спасибо.
#4
Отправлено 11 Август 2015 - 13:37
igrugha (11 Август 2015 - 11:08) писал:
Спасибо за столь быстрый ответ. Все получилось!
Вопрос по слайду: Когда я изменил его ширину в main.js высота автоматически поменялась. Я нашел такой код
Вопрос: как правильно сделать блок со слайдерами ВЫШЕ(как в настоящий момент), но чтобы картинка разместилась на всю ширину? И какой размер в пикселях у нее будет? Спасибо.
Вопрос по слайду: Когда я изменил его ширину в main.js высота автоматически поменялась. Я нашел такой код
#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 970px; overflow: hidden;z-index:1;}Где параметр height поменял на 970(было 570), визуально блок стал больше. Я сделал яркую картинку, чтобы можно было понять как располагается она внутри блока. Как видите, она автоматически становится так, что по краям и снизу остается место. Стандартные картинки имеют такой же вид.
Вопрос: как правильно сделать блок со слайдерами ВЫШЕ(как в настоящий момент), но чтобы картинка разместилась на всю ширину? И какой размер в пикселях у нее будет? Спасибо.
К сожалению, реализовать данные действия со слайдером не представляется возможным, так как это повлияет на адаптивность шаблона.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных