Немного Изменить Главную Страницу
#1
Отправлено 08 Ноябрь 2014 - 05:46
Подскажите, как:
1) Сделать так, чтобы выезжающая салатовая полоска всегда была развернута.
2) Соответственно контент главной страницы немного опустился вниз (на ширину салатовой полоски).
3) Убрать надпись Название магазина
Спасибо!
#2
Отправлено 08 Ноябрь 2014 - 06:47
.fixed-header.hidden-top #top-box { left: 0; margin-top: -32px; position: fixed; top: 0; z-index: 910; }удалите: margin-top: -32px;
3.В шаблоне HTML найдите:
{SETTINGS_STORE_NAME}замените на необходимое название главной страницы
#3
Отправлено 08 Ноябрь 2014 - 06:54
.fixed-header.hidden-top #top-box {
left: 0;
margin-top: -32px;
position: fixed;
top: 0;
z-index: 910;
}
удалите: margin-top: -32px;
Процедуру проделал. Ничего не изменилось(
#4
Отправлено 08 Ноябрь 2014 - 07:06
#5
Отправлено 08 Ноябрь 2014 - 08:21
Зеленая полоса теперь немного залазит на поле с лого
А также зеленая полоска скрывается когда спускаешься вниз по сайту. Необходимо, чтобы она была зафиксирована всегда
#6
Отправлено 08 Ноябрь 2014 - 15:49
agkostin (08 Ноябрь 2014 - 08:21) писал:
Зеленая полоса теперь немного залазит на поле с лого
А также зеленая полоска скрывается когда спускаешься вниз по сайту. Необходимо, чтобы она была зафиксирована всегда
Найдите в шаблоне main.css код:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }И замените этим:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; margin-top: 20px; }Теперь найдите:
.fixed-header.hidden-top.fixed #top-box { margin-top: -42px; -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; }И замените этим кодом:
.fixed-header.hidden-top.fixed #top-box { /* margin-top: -42px; */ -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; }А теперь находим такой код:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }И меняем его на этот:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; margin-top: 50px; }И ещё найдите код:
.fixed-header.hidden-top .header { margin-top: 8px; top: 0; }И замените этим:
.fixed-header.hidden-top .header { margin-top: -20px; top: 0; }
#7
Отправлено 08 Ноябрь 2014 - 16:52
1) Как теперь сделать, чтобы поле с логотипом также оставалось всегда на месте, а не двигалось, когда на него наведешь курсором?
2) опустить немного ниже слайд
#8
Отправлено 08 Ноябрь 2014 - 17:31
agkostin (08 Ноябрь 2014 - 16:52) писал:
1) Как теперь сделать, чтобы поле с логотипом также оставалось всегда на месте, а не двигалось, когда на него наведешь курсором?
2) опустить немного ниже слайд
#top-box {background-color: #129A05;min-height: 30px;padding: 5px 0;width: 100%;} .fixed-header.hidden-top.visible-top .header {margin-top: 40px;-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}И замените его этим:
#top-box {background-color: #129A05;min-height: 30px;padding: 5px 0;width: 100%;} .fixed-header.hidden-top.visible-top .header {-webkit-transition: margin-top 0.2s linear;transition: margin-top 0.2s linear;}Теперь найдите код:
element.style { width: 1903px; height: 495.572916666667px; }И замените этим кодом:
element.style { width: 1903px; height: 495.572916666667px; margin-top: 40px; }
#9
Отправлено 08 Ноябрь 2014 - 17:34
element.style {
width: 1903px;
height: 495.572916666667px;
}
#10
Отправлено 08 Ноябрь 2014 - 17:45
agkostin (08 Ноябрь 2014 - 17:34) писал:
element.style {
width: 1903px;
height: 495.572916666667px;
}
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 500px; overflow: hidden; z-index: 1; }И замените вот этим:
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 500px; overflow: hidden; z-index: 1; margin-top: 40px; }
#11
Отправлено 08 Ноябрь 2014 - 17:52
1) Блок с логотипом залазит на контент страницы. Как опустить везде контент странице ниже (на ширину зеленой полоски) (слайд 1)
2) При перемещении по странице вниз, между блоком с логотипом и зеленой полоской образуется разрыв, как его убрать? (слайд 2)
#12
Отправлено 08 Ноябрь 2014 - 18:04
agkostin (08 Ноябрь 2014 - 17:52) писал:
1) Блок с логотипом залазит на контент страницы. Как опустить везде контент странице ниже (на ширину зеленой полоски) (слайд 1)
2) При перемещении по странице вниз, между блоком с логотипом и зеленой полоской образуется разрыв, как его убрать? (слайд 2)
.breadcrumb-box { background: #f2f2f2; overflow: hidden; margin-top: 18px; }И замените его на вот этот:
.breadcrumb-box { background: #f2f2f2; overflow: hidden; margin-top: 38px; }2. В том же шаблоне main.css следующий код:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header { margin-top: 0; -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; }И замените этим кодом:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header { margin-top: 0; -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; margin-top: -20px; }
#13
Отправлено 08 Ноябрь 2014 - 19:36
#15
Отправлено 15 Ноябрь 2014 - 03:59
<ul class="nav navbar-nav left"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>расположите:
<ul class="header-contact right"> {% IF SETTINGS_STORE_WORK_TIME %}<li><span class="icon-time"></span><span title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<li><span class="icon-envelope-o"></span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li><span class="icon-skype"></span><span><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span></li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><span class="footer_icq"><img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" title="Статус ICQ" /> {SETTINGS_STORE_ICQ}</span></li>{% ENDIF %} </ul>
и в main.css добавьте:
.header-contact li { display: inline-block; margin: 5px; color: #fff; } .header-contact li a { color: #fff; } .header-contact li span:first-child { margin-right: 10px; }
#16
Отправлено 15 Ноябрь 2014 - 12:16
Vaccina (15 Ноябрь 2014 - 03:59) писал:
<ul class="nav navbar-nav left"> {% FOR menu %} {% FOR header %} {% FOR links %} <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>расположите:
<ul class="header-contact right"> {% IF SETTINGS_STORE_WORK_TIME %}<li><span class="icon-time"></span><span title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">{SETTINGS_STORE_WORK_TIME}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER1}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER2}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li><span class="icon-phone3"></span><span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}{SETTINGS_STORE_PHONE_NUMBER3}</span></li>{% ENDIF %} {% IF SETTINGS_STORE_EMAIL_MAIN %}<li><span class="icon-envelope-o"></span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %} {% IF SETTINGS_STORE_SKYPE %}<li><span class="icon-skype"></span><span><a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype">{SETTINGS_STORE_SKYPE}</a></span></li>{% ENDIF %} {% IF SETTINGS_STORE_ICQ %}<li><span class="footer_icq"><img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" title="Статус ICQ" /> {SETTINGS_STORE_ICQ}</span></li>{% ENDIF %} </ul>
и в main.css добавьте:
.header-contact li { display: inline-block; margin: 5px; color: #fff; } .header-contact li a { color: #fff; } .header-contact li span:first-child { margin-right: 10px; }
#17
Отправлено 15 Ноябрь 2014 - 12:34
Grani (15 Ноябрь 2014 - 12:16) писал:
RayLi (08 Ноябрь 2014 - 18:04) писал:
.breadcrumb-box { background: #f2f2f2; overflow: hidden; margin-top: 18px; }И замените его на вот этот:
.breadcrumb-box { background: #f2f2f2; overflow: hidden; margin-top: 38px; }2. В том же шаблоне main.css следующий код:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header { margin-top: 0; -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; }И замените этим кодом:
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header { margin-top: 0; -webkit-transition: margin-top 0.2s linear; transition: margin-top 0.2s linear; margin-top: -20px; }
#19
Отправлено 17 Ноябрь 2014 - 15:34
#20
Отправлено 17 Ноябрь 2014 - 15:52
Grani (17 Ноябрь 2014 - 15:34) писал:
Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне main.css данный код:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }И замените этим кодом:
.fixed-header .header-wrapper { background: #fff; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; margin-top: 22px; }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных