Перейти к содержимому


Немного Изменить Главную Страницу


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 114

#1 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 05:46

Здравствуйте!

Подскажите, как:

1) Сделать так, чтобы выезжающая салатовая полоска всегда была развернута.

2) Соответственно контент главной страницы немного опустился вниз (на ширину салатовой полоски).

3) Убрать надпись Название магазина

Спасибо!

Прикрепленные изображения

  • пример.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 218 сообщений

Отправлено 08 Ноябрь 2014 - 06:47

1-2. В main.css найдите:
.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 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 06:54

1-2. В main.css найдите:
.fixed-header.hidden-top #top-box {
left: 0;
margin-top: -32px;
position: fixed;
top: 0;
z-index: 910;
}
удалите: margin-top: -32px;


Процедуру проделал. Ничего не изменилось(

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 218 сообщений

Отправлено 08 Ноябрь 2014 - 07:06

кэш чистили в браузере? укажите пожалуйста номер аккаунта

#5 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 08:21

Аккаунт SL-317995

Зеленая полоса теперь немного залазит на поле с лого

А также зеленая полоска скрывается когда спускаешься вниз по сайту. Необходимо, чтобы она была зафиксирована всегда

#6 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 15:49

Просмотр сообщенияagkostin (08 Ноябрь 2014 - 08:21) писал:

Аккаунт SL-317995

Зеленая полоса теперь немного залазит на поле с лого

А также зеленая полоска скрывается когда спускаешься вниз по сайту. Необходимо, чтобы она была зафиксирована всегда
Здравствуйте.
Найдите в шаблоне 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 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 16:52

Спасибо

1) Как теперь сделать, чтобы поле с логотипом также оставалось всегда на месте, а не двигалось, когда на него наведешь курсором?

2) опустить немного ниже слайд

#8 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 17:31

Просмотр сообщенияagkostin (08 Ноябрь 2014 - 16:52) писал:

Спасибо

1) Как теперь сделать, чтобы поле с логотипом также оставалось всегда на месте, а не двигалось, когда на него наведешь курсором?

2) опустить немного ниже слайд
1. Найдите в шаблоне main.css код:
#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 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 17:34

Не смог найти этот код:

element.style {
width: 1903px;
height: 495.572916666667px;
}

#10 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 17:45

Просмотр сообщенияagkostin (08 Ноябрь 2014 - 17:34) писал:

Не смог найти этот код:

element.style {
width: 1903px;
height: 495.572916666667px;
}
Тогда найдите в том же шаблоне main.css этот код:
#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 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 17:52

Спасибо

1) Блок с логотипом залазит на контент страницы. Как опустить везде контент странице ниже (на ширину зеленой полоски)   (слайд 1)

2) При перемещении по странице вниз, между блоком с логотипом и зеленой полоской образуется разрыв, как его убрать? (слайд 2)

Прикрепленные изображения

  • слайд1.jpg
  • слайд2.jpg


#12 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Ноябрь 2014 - 18:04

Просмотр сообщенияagkostin (08 Ноябрь 2014 - 17:52) писал:

Спасибо

1) Блок с логотипом залазит на контент страницы. Как опустить везде контент странице ниже (на ширину зеленой полоски)   (слайд 1)

2) При перемещении по странице вниз, между блоком с логотипом и зеленой полоской образуется разрыв, как его убрать? (слайд 2)
1. Найдите в шаблоне main.css этот код:
.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 agkostin

agkostin

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 154 сообщений

Отправлено 08 Ноябрь 2014 - 19:36

Спасибо!

#14 Grani

Grani

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 14 Ноябрь 2014 - 03:43

делал для блога с логотипом как описано выше получилось вот так (как поправить, вытащить из под первого блока) и разместить телефон на первом блоге где нарисовал черным

Прикрепленные изображения

  • Безымянный.png


#15 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 218 сообщений

Отправлено 15 Ноябрь 2014 - 03:59

В шаблоне HTML после:
<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}&amp;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 Grani

Grani

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 15 Ноябрь 2014 - 12:16

Просмотр сообщенияVaccina (15 Ноябрь 2014 - 03:59) писал:

В шаблоне HTML после:
<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}&amp;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 shnafix

shnafix

    Активный участник

  • Модератоpы
  • 506 сообщений

Отправлено 15 Ноябрь 2014 - 12:34

Просмотр сообщенияGrani (15 Ноябрь 2014 - 12:16) писал:

блог с логотипом так и остался под первым блогом
У Вас не проделана вышеописанная инструкция.

Просмотр сообщенияRayLi (08 Ноябрь 2014 - 18:04) писал:

1. Найдите в шаблоне main.css этот код:
.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;
}


#18 Grani

Grani

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 15 Ноябрь 2014 - 12:50

Просмотр сообщенияshnafix (15 Ноябрь 2014 - 12:34) писал:

У Вас не проделана вышеописанная инструкция.
изменения произвел но все так и осталось(

#19 Grani

Grani

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 17 Ноябрь 2014 - 15:34

помогите поправить блог с логотипом

#20 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 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 анонимных