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


Изменения В Шапке

Меню логотип поиск и корзин

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

#21 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 05:39

Что-то пошло не так((

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

  • 1111.jpg


#22 Vaccina

Vaccina

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

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

Отправлено 15 Сентябрь 2015 - 05:44

В шаблоне HTML найдите:
<div class="navbar-collapse collapse">
					<ul class="top-navbar-links">
																				   <li><a href="#">Каталог</a>
замените на:
<div class="navbar-collapse collapse">
					<ul class="top-navbar-links cat2">
																				   <li><a href="#">Каталог</a>

далее в main.css найдите:
.top-navbar-links.cat2 {
	overflow: visible;
	display: none;
}

замените на:
.top-navbar-links.cat2 {
	overflow: visible;
}


#23 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 05:52

Ну почти))

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

  • 1111.jpg


#24 Vaccina

Vaccina

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

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

Отправлено 15 Сентябрь 2015 - 06:01

Нарушили синтаксис
div class="navbar-collapse collapse">
										<ul class="top-navbar-links cat2">
замените на:
<div class="navbar-collapse collapse">
										<ul class="top-navbar-links cat2">


далее в main.css найдите:
.header-content .yt-main-menu {
	padding: 0px 0px 10px;
	float: right;
	display: none;
}

замените на:
.header-content .yt-main-menu {
	padding: 0px 0px 10px;
	float: right;
}


#25 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 06:15

Самое то)) только я писал выше про каталог)) он должен выпадать горизонтально (сообщение 12)

#26 Vaccina

Vaccina

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

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

Отправлено 15 Сентябрь 2015 - 07:00

В main.css
.top-navbar-links.cat2 {float:left;list-style:none;overflow: hidden;height: 40px;}
.top-navbar-links.cat2 li {float: left;border-left: 1px solid #fff;height: 40px;background-repeat: no-repeat;}
.top-navbar-links.cat2 li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;}
.top-navbar-links.cat2 li:hover {background-color: #f79242;}
.top-navbar-links.cat2 li:hover a {color: #fff;text-decoration: none;}
.top-navbar-links.cat2 {
		overflow: visible;
}
.top-navbar-links.cat2 li {
				position: relative;
}
.top-navbar-links.cat2 li ul {
				position: absolute;
				left: 0px;
				top: 50px;
				background: rgb(255, 255, 255) none repeat scroll 0% 0%;
				width: 200%;
  display:none;
}
.top-navbar-links.cat2 > li > ul.active {
				display:block;
}
.top-navbar-links.cat2 li ul li {
				list-style: outside none none;
				float: none;
}
.top-navbar-links.cat2 li > ul > li > ul {
				top:0;
				left:100%;
}
.top-navbar-links.cat2 li > ul > li:hover > ul {
				display:block;
}
.top-navbar-links.cat2 li  ul  li a{
				color:#000 !important;
}

замените на:
.top-navbar-links.cat2 {float:left;list-style:none;overflow: hidden;height: 40px;}
.top-navbar-links.cat2 li {float: left;border-left: 1px solid #fff;height: 40px;background-repeat: no-repeat;}
.top-navbar-links.cat2 li a {padding: 18px 18px 12px 18px;display: block;font-size:115%;color:#000;}
.top-navbar-links.cat2 .accordion > li > a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}
.top-navbar-links.cat2 > li > .accordion > li > a {
	font-weight: bold;
	text-decoration: underline;
}
.top-navbar-links.cat2 li:hover {background-color: #f79242;}
.top-navbar-links.cat2 li:hover a {color: #fff;text-decoration: none;}
.top-navbar-links.cat2 {
		overflow: visible;
}
.top-navbar-links.cat2 li {
				position: relative;
}
.top-navbar-links.cat2 li ul {
	position: absolute;
	left: 0px;
	top: 50px;
	background: #FFF;
	display: none;
	width: 385px;
	height: auto;
}
.top-navbar-links.cat2 > li > ul.active {
				display:block;
}
.top-navbar-links.cat2 li ul li {
	list-style: outside none none;
	float: left;
	display: inline-block;
height: auto;
}
.top-navbar-links.cat2 .accordion ul {
	position: relative;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
}
.top-navbar-links.cat2 .accordion .accordion li {
	float: none;
	display: block;
}
.top-navbar-links.cat2 .accordion .accordion ul {
	display: none;
}


#27 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 07:06

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

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

  • 1111.jpg
  • 222.jpg


#28 Vaccina

Vaccina

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

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

Отправлено 15 Сентябрь 2015 - 07:16

В main.css найдите:
.top-navbar-links.cat2 li:hover a {
	color: #FFF;
	text-decoration: none;
}
замените на:
.top-navbar-links.cat2 > li:hover > a {
	color: #FFF;
	text-decoration: none;
}

Далее найдите и удалите:
.top-navbar-links.cat2 .accordion > li > a {
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}


#29 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 07:24

Как говорится)) то что доктор прописал)) а давайте теней добавим для бокса) ну чтоб красиво было

#30 Stas_Y

Stas_Y

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

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

Отправлено 15 Сентябрь 2015 - 07:33

Смотрите а вот в шаблоне "Лазурь" на главной странице есть товары: Новинки Хиты и на Главной. Когда нажимаешь по этим кнопкам страница остается, а получается меняются только товары, такое возможно сделать в данном шаблоне?  Допустим: зашел я в категорию "Цветы", а там подкатегории, я по ним перехожу и страница не обновляется, обновляются только товары! ??

#31 Vaccina

Vaccina

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

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

Отправлено 15 Сентябрь 2015 - 07:36

Просмотр сообщенияStas_Y (15 Сентябрь 2015 - 07:24) писал:

Как говорится)) то что доктор прописал)) а давайте теней добавим для бокса) ну чтоб красиво было

В main.css найдите:
.top-navbar-links.cat2 > li > ul.active {
	display: block;
}
замените на:
.top-navbar-links.cat2 > li > ul.active {
	display: block;
	box-shadow: 3px 3px 5px #000;
}


Просмотр сообщенияStas_Y (15 Сентябрь 2015 - 07:33) писал:

Смотрите а вот в шаблоне "Лазурь" на главной странице есть товары: Новинки Хиты и на Главной. Когда нажимаешь по этим кнопкам страница остается, а получается меняются только товары, такое возможно сделать в данном шаблоне?  Допустим: зашел я в категорию "Цветы", а там подкатегории, я по ним перехожу и страница не обновляется, обновляются только товары! ??

К сожалению, подобное реализовать нельзя.




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

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