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


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


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

#21 Grani

Grani

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

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

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

 RayLi (17 Ноябрь 2014 - 15:52) писал:

Здравствуйте.
Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне 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;
}
с блогом теперь все ок, но при прокрутке страницы в низ получается пространство пере блогом с логотипом

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

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


#22 RayLi

RayLi

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

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

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

 Grani (17 Ноябрь 2014 - 16:10) писал:

с блогом теперь все ок, но при прокрутке страницы в низ получается пространство пере блогом с логотипом
Найдите в шаблоне 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;
}


#23 Grani

Grani

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

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

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

 RayLi (17 Ноябрь 2014 - 16:13) писал:

Найдите в шаблоне 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;
}
этот код у меня был изменен, так что все осталось по прежнему

#24 RayLi

RayLi

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

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

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

 Grani (17 Ноябрь 2014 - 16:24) писал:

этот код у меня был изменен, так что все осталось по прежнему
Вы уверены, что именно этот код у вас изменён? Так как на данный момент, на вашем сайте, он стандартный и без всяких изменений.

#25 Grani

Grani

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

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

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

 RayLi (17 Ноябрь 2014 - 16:30) писал:

Вы уверены, что именно этот код у вас изменён? Так как на данный момент, на вашем сайте, он стандартный и без всяких изменений.
вот это он?

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

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


#26 RayLi

RayLi

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

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

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

 Grani (17 Ноябрь 2014 - 16:40) писал:

вот это он?
Нет, нужный вам код находится на 204 строке.

#27 Grani

Grani

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

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

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

 RayLi (17 Ноябрь 2014 - 16:46) писал:

Нет, нужный вам код находится на 204 строке.
ок спасибо

#28 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 04 Декабрь 2014 - 17:03

Здравствуйте! Нужно поставить фон на вылезающую полоску меню на главной. Фон в .png.Спасибо

#29 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 04 Декабрь 2014 - 17:23

 ipodushkin (04 Декабрь 2014 - 17:03) писал:

Здравствуйте! Нужно поставить фон на вылезающую полоску меню на главной. Фон в .png.Спасибо
Здравствуйте, найдите в main.css
#top-box {background-color: #38c4f5;min-height: 30px;padding: 5px 0;width: 100%;}

замените на
#top-box {background: url('ссылка на картинку');min-height: 30px;padding: 5px 0;width: 100%;}


#30 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 04 Декабрь 2014 - 17:43

 Ирина345 (04 Декабрь 2014 - 17:23) писал:

Здравствуйте, найдите в main.css
#top-box {background-color: #38c4f5;min-height: 30px;padding: 5px 0;width: 100%;}

замените на
#top-box {background: url('ссылка на картинку');min-height: 30px;padding: 5px 0;width: 100%;}

Спасибо!  А можно сделать в боковом меню на выделенную категорию фон?
Изображение

#31 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 04 Декабрь 2014 - 18:20

 ipodushkin (04 Декабрь 2014 - 17:43) писал:

Спасибо!  А можно сделать в боковом меню на выделенную категорию фон?
Изображение
Найдите в main.css
.sidebar .menu li.active > a {
background-color: #00c59c;
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
замените на

.sidebar .menu li.active > a {
background: url('ссылка на картинку');
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}


#32 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 04 Декабрь 2014 - 19:51

 RayLi (08 Ноябрь 2014 - 15:49) писал:

Здравствуйте.
Найдите в шаблоне 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;
}

Сделал все по инструкции, но позитивных изменений не произошло, наоборот, стало по размерам больше и также открывается

#33 Vaccina

Vaccina

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

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

Отправлено 05 Декабрь 2014 - 04:20

Уточните пожалуйста, какие именно вы хотели произвести изменения, так как инструкция выше была корректирующей.

#34 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 05 Декабрь 2014 - 12:27

 Vaccina (05 Декабрь 2014 - 04:20) писал:

Уточните пожалуйста, какие именно вы хотели произвести изменения, так как инструкция выше была корректирующей.

Мне бы хотелось сделать верхнее меню статичным и постоянно открытым

#35 Vaccina

Vaccina

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

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

Отправлено 06 Декабрь 2014 - 02:42

Чтобы боковой каталог был всегда раскрытым, в шаблоне HTML найдите:
<!-- Категории + -->
			  <div class="widget menu">
				<div class="block-title">
				  <h3>Каталог</h3>
				</div>
				{% IFNOT catalog_full_empty %}
				  <nav>
					<ul>
					  {% FOR catalog_full %}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						  <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
						  {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						  {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					  {% ENDFOR %}

в нем удалите class="sub"

#36 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 06 Декабрь 2014 - 23:37

 Vaccina (06 Декабрь 2014 - 02:42) писал:

Чтобы боковой каталог был всегда раскрытым, в шаблоне HTML найдите:
<!-- Категории + -->
			 <div class="widget menu">
			 <div class="block-title">
				 <h3>Каталог</h3>
			 </div>
			 {% IFNOT catalog_full_empty %}
				 <nav>
				 <ul>
					 {% FOR catalog_full %}
					 {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
						 {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
						 {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
					 {% ENDFOR %}

в нем удалите class="sub"

Вы меня не видите.

Цитата

Мне бы хотелось сделать верхнее меню статичным и постоянно открытым
Аккаунт SL-321918
Изображение

#37 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 07 Декабрь 2014 - 10:10

 ipodushkin (06 Декабрь 2014 - 23:37) писал:

Вы меня не видите.


Аккаунт SL-321918
Изображение
Здравствуйте. В main.css замените
.fixed-header.hidden-top.loaded #top-box {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
на
.fixed-header.hidden-top.loaded #top-box {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
margin-top: 0;
}
и
.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: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
затем
.fixed-header.loaded .header {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
замените на
.fixed-header.loaded .header {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
margin-top: 40px;
}
и
.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: 40px;
}


#38 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 07 Декабрь 2014 - 23:30

 Alekseys (07 Декабрь 2014 - 10:10) писал:

Здравствуйте. В main.css замените
.fixed-header.hidden-top.loaded #top-box {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
на
.fixed-header.hidden-top.loaded #top-box {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
margin-top: 0;
}
и
.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: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
затем
.fixed-header.loaded .header {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
замените на
.fixed-header.loaded .header {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
margin-top: 40px;
}
и
.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: 40px;
}

Спасибо! Так получилось, что шапка наехала на слайдер и на все страницы магазина. Помогите пожалуйста поправить.

#39 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 08 Декабрь 2014 - 09:33

 ipodushkin (07 Декабрь 2014 - 23:30) писал:

Спасибо! Так получилось, что шапка наехала на слайдер и на все страницы магазина. Помогите пожалуйста поправить.
Здравствуйте. В main.css добавьте
.page.page-box-content {
margin-top: 40px;
}
и замените
#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;
}


#40 ipodushkin

ipodushkin

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

  • Пользователи
  • PipPipPipPip
  • 496 сообщений
  • ГородМосква

Отправлено 08 Декабрь 2014 - 13:55

 Alekseys (08 Декабрь 2014 - 09:33) писал:

Здравствуйте. В main.css добавьте
.page.page-box-content {
margin-top: 40px;
}
и замените
#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;
}

Цитата

Так получилось, что шапка наехала на слайдер и на все страницы магазина.
Вот так вот на каждой странице - наполовину скрыта адресация страницы (главная -> категория -> товар)
Изображение




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных