Несколько Вопросов.
#1
Отправлено 04 Декабрь 2014 - 12:35
Появилось несколько вопросов, которые сам разрешить не могу:
1) Как разместить горизонтальное меню по центру слайда, изменить шрифт и стиль наименований разделов, сделать заливку кнопок белым и взять это всё в рамку со своей заливкой?
2) Как сделать окно поиска в двое меньше?
3) В шапке, первый контактный номер телефона увеличить в размере, сделать красным и подвинуть к окну поиска?
4) Слайд и вертикальное меню спустить чуть ниже, чтобы горизонтальное меню не налезало на слайды.
5) Как поменять иконку сайта в закладке браузера? (на всех страницах)
6) Сообщение о сравнении товара, в правом верхнем углу немного увеличить.
Буду очень благодарен за помощь!
Аккаунт SL-322160.
#2
Отправлено 04 Декабрь 2014 - 12:57
Сонат (04 Декабрь 2014 - 12:35) писал:
Появилось несколько вопросов, которые сам разрешить не могу:
1) Как разместить горизонтальное меню по центру слайда, изменить шрифт и стиль наименований разделов, сделать заливку кнопок белым и взять это всё в рамку со своей заливкой?
2) Как сделать окно поиска в двое меньше?
3) В шапке, первый контактный номер телефона увеличить в размере, сделать красным и подвинуть к окну поиска?
4) Слайд и вертикальное меню спустить чуть ниже, чтобы горизонтальное меню не налезало на слайды.
5) Как поменять иконку сайта в закладке браузера? (на всех страницах)
6) Сообщение о сравнении товара, в правом верхнем углу немного увеличить.
Буду очень благодарен за помощь!
Аккаунт SL-322160.
1. найдите в main.css
#megamenu { position: absolute; height: 54px; top: 110px; left: 238px; }замените на
#megamenu { position: absolute; height: 54px; top: 110px; left: 420px; }
далее найдите
#megamenu li.root_menu { padding: 2px 5px 3px 10px; float: left; position: relative; margin-right: 5px; border: 1px solid #000000; border-radius: 5px; }замените на
#megamenu li.root_menu { padding: 2px 5px 3px 10px; float: left; position: relative; margin-right: 5px; border: 1px solid #000000; border-radius: 5px; background: #fff; }
далее найдите
#megamenu li .root_link { color: #666666; text-transform: uppercase; font-size: 11px; text-decoration: none; }где для того что бы поменять шрифт меняете значение font-size: 11px; например на
font-size: 14px;
2. найдите
#search_block_top #search_query_top { width: 350px; vertical-align: middle !important; border: 1px solid #cecece!important; padding-right: 30px; }где уменьшаете значение
width: 350px;
3. произведите сначала остальные изменения
4. найдите
.content.container { margin-top: 25px; margin-bottom: 50px; min-height: 500px; }замените на
.content.container { margin-top: 32px; margin-bottom: 50px; min-height: 500px; }5. используйте данную инструкцию
http://storeland.ru/about/faq#52
6 найдите
#header_user_info { color: #fafafa; font-size: 12px; text-align: right; clear: both; margin-top: 6px; padding: 0; display: block; }изменяете значение font-size: 12px; например на
font-size: 16px;
#3
Отправлено 04 Декабрь 2014 - 14:10
По поводу 1 пункта хотелось бы сделать как на скриншоте ниже + убрать капс.
И вопрос в 3 пункте актуален, но поправка, как перенести весь информационный блок, а увеличить и перекрасить только первый номер?
#4
Отправлено 04 Декабрь 2014 - 14:46
Сонат (04 Декабрь 2014 - 14:10) писал:
По поводу 1 пункта хотелось бы сделать как на скриншоте ниже + убрать капс.
И вопрос в 3 пункте актуален, но поправка, как перенести весь информационный блок, а увеличить и перекрасить только первый номер?
#wrapper{background-color:#f2f2f2}замените на
#wrapper{background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn');}добавьте в конец файла
div#content-fluid { background: #f2f2f2; }
найдите в html
<div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts">замените на
<div class="block_content"> <!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts" id="tel">
далее добавьте в конец файла main.css
#tel a { color: #E52247; } #tel { margin-left: 269px; font-size: 21px; }
#5
Отправлено 04 Декабрь 2014 - 15:04
#7
Отправлено 04 Декабрь 2014 - 17:01
Сонат (04 Декабрь 2014 - 16:03) писал:
1) снизу номер телефона тоже съехал
2) на мониторах 21 и 30 дюймов всё ок, а на 17-ти дюймовом безобразие (приложил скрин)
<div class="contacts" id="tel">замените на
<div class="contacts">далее найдите
в main.css
@media only screen and (max-width:1210px){замените на
@media only screen and (max-width:1210px){ #megamenu { top: 172px; left: 316px; }
#9
Отправлено 05 Декабрь 2014 - 07:02
<div class="contacts" id="tel">
2.В style.css найдите:
#megamenu { height: 54px; left: 420px; position: absolute; top: 113px; }замените на:
#megamenu { height: 54px; position: absolute; top: 113px; }
#10
Отправлено 05 Декабрь 2014 - 13:29
#11
Отправлено 05 Декабрь 2014 - 13:39
Я вас замучил наверное, но буду очень благодарен!
#12
Отправлено 05 Декабрь 2014 - 16:32
Сонат (05 Декабрь 2014 - 13:39) писал:
Я вас замучил наверное, но буду очень благодарен!
Возможно вам подойдет такой вариант:
- При большом разрешении
- При маленьком разрешении
#13
Отправлено 05 Декабрь 2014 - 17:27
#14
Отправлено 05 Декабрь 2014 - 17:41
Сонат (05 Декабрь 2014 - 17:27) писал:
#megamenu { height: 54px; position: absolute; top: 113px; }и замените на
#megamenu { height: 54px; float: left; margin-top: 15px; }так же найдите
.two-third { width: 930px; float: right; }замените на
.two-third { width: 930px; float: right; margin-top: 10px; }найдите
.one-third { width: 210px; float: left; }замените на
.one-third { width: 210px; float: left; margin-top: 10px; }
#15
Отправлено 05 Декабрь 2014 - 21:41
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных