Здравствуйте, несколько вопросов акаунт SL-356307
1) Пытался вставить фоновую картинку согласно рекомендациям форума но ничего не получается, картинка закрывает все меню (главная, контакты, корзину..) при попытке добавить стиль в style.css
появляется 2 картинка, а первая все равно все закрывает.
2) Перенести меню : главная контакты и т.д наверх
3) После выключения слайдера осталась белая полоса можно ли ее убрать и видимо как то не так отключил т.к. верхний слайдер пропал но товары в категории новинки перестали меняться.
4) Блок "Режим работы" переделать что бы он был нормально передвигаемый, сейчас он прямо прописан в HTML 200 строчка.
5) Убрать логотип, сейчас при попытке его убрать все меню съезжает.
0
Сообщений в теме: 8
#1
Отправлено 10 Октябрь 2015 - 16:36
#2
Отправлено 13 Октябрь 2015 - 23:02
1
#3
Отправлено 15 Октябрь 2015 - 07:07
1. Вы вставили ее в структуру, а не фоном, в шаблоне HTML найдите и удалите:
далее в style.css найдите:
замените на:
2. В style.css найдите:
далее найдите:
далее найдите:
3. В style.css найдите:
4. В style.css найдите:
5. В style.css найдите:
далее найдите:
<div class="verh"><img src="http://st.storeland.net/6/1746/514/header_bg70.jpg" > </div>
далее в style.css найдите:
#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10} #header {position: relative;clear: both;background: no-repeat; center; }
замените на:
#header-fluid{ position:relative; background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x, url('http://st.storeland.net/6/1746/514/header_bg70.jpg') no-repeat center 10px #F2F2F2; box-shadow:0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25); -webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25); z-index:10;} #header {position: relative;clear: both;background: no-repeat;}
2. В style.css найдите:
#megamenu { position: absolute; height: 54px; top: 90px; left: 238px; }замените на:
#megamenu { position: absolute; height: 54px; top: 0; left: 0; }
далее найдите:
#megamenu li.root_menu{padding:25px 8px 5px 8px;float:left;position:relative;}замените на:
#megamenu li.root_menu { padding: 7px 8px 5px; float: left; position: relative; }
далее найдите:
#megamenu li .root_link { color: #666; text-transform: uppercase; font-size: 11px; text-decoration: none; }замените на:
#megamenu li .root_link { color: #fff; text-transform: uppercase; font-size: 11px; text-decoration: none; }
3. В style.css найдите:
.flexslider { margin: 0px 0px 30px; background: #FFF; border: 4px solid #FFF; position: relative; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }замените на:
.flexslider { margin: 0px 0px 30px; background: #FFF; border: 4px solid #FFF; position: relative; border-radius: 4px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); display: none; }
4. В style.css найдите:
.contacts { display: inline-block; font-size: 12px; position: relative; float: right; }замените на:
.contacts { display: inline-block; font-size: 12px; position: relative; float: right; clear: both; }
5. В style.css найдите:
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }замените на:
#header-logo { position: relative; display: none; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }
далее найдите:
#header { position: relative; clear: both; background: none ; }замените на:
#header { position: relative; clear: both; background: none; min-height: 170px; }
#4
Отправлено 15 Октябрь 2015 - 12:51
Спасибо огромное, практически все получилось, осталось пара моментов
1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)
2) возвращаясь к 4 вопросу В style.css .contacts распространяет свое действие только на строчки телефон и время работы, а на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.
1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)
2) возвращаясь к 4 вопросу В style.css .contacts распространяет свое действие только на строчки телефон и время работы, а на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.
#5
Отправлено 15 Октябрь 2015 - 13:41
Dmitri (15 Октябрь 2015 - 12:51) писал:
Спасибо огромное, практически все получилось, осталось пара моментов
1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)
2) возвращаясь к 4 вопросу В style.css .contacts распространяет свое действие только на строчки телефон и время работы, а на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.
1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)
2) возвращаясь к 4 вопросу В style.css .contacts распространяет свое действие только на строчки телефон и время работы, а на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.
Здравствуйте.
1. На данный момент проблем с пунктами меню у Вас не наблюдается. Все ссылки кликабельны и работают корректно. Попробуйте очистить кэш браузера комбинацией Ctrl+F5.
2. Если Вам необходимо изменить цвет шрифта у оставшихся строк в блоке (они заданы через теги h5) в style.css после
.contacts {color: #ffffff;display: inline-block;font-size: 12px;position: relative;float: right;clear: both;}
добавьте строку:
.contacts h5 {color: #fff;}В которой измените при необходимости цвет #fff.
#6
Отправлено 15 Октябрь 2015 - 14:34
Спасибо, все так получилось.
#7
Отправлено 16 Октябрь 2015 - 19:27
Кстати может кому пригодиться, я писал что кнопки меню не активны, оказалось что у поля поиска значение z-index было больше чем у меню и поэтому блок поиска перекрывал кнопки меню и они были недоступны. Наблюдалось это на планшете и в Опере, IE такую проблему не замечал.
#9
Отправлено 01 Ноябрь 2015 - 09:56
maximkon89 (31 Октябрь 2015 - 21:44) писал:
Помогите видоизменить шапку , на фото прилагаю как сейчас и как надо. Спасибо!
В шаблоне HTML Вам нужно заменить код:
<div><!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts">
на
<div class="headblock"><!-- Контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %} <div class="contacts">
Далее в шаблоне main.css найти:
#header-logo { position: relative; display: table; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; }
и заменить на:
#header-logo { position: relative; float: left; margin-top: 30px; width: 210px; z-index: 30; margin-left: 10px; float: left; } .headblock{float:left;width:300px;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных