Сообщений в теме: 10

[titovgosha1]

Уважаемые администраторы и модераторы, помогите, пожалуйста, произвести несколько изменений.

Во вложении скриншот:

задание 1.  разделы каталога сделать в рамочках, цвет рамки "черный". При наведении курсора на рамку - рамка наполнялась красным цветом.

задание 2. сделать в одну рамочку картинку  подраздела каталога с названием подраздела и между картинкой и названием черточка.

Задание 3. уменьшить картинки с названиями подразделов каталога таким образом, чтобы в один ряд умещалось 5 подразделов (сейчас только 4).

Прошу прощения если не совсем понятно написал чего хочу, но на скриншоте думаю, понятнее.
Спасибо, очень жду.

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

• 

[Vaccina]

1. В main.css найдите:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #000;border: 1px solid transparent;margin: 0 0 10px 0;}
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {border: 1px solid #929292;border-radius: 25px;}

замените на:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #000;border: 1px solid #000;margin: 0 0 10px 0;border-radius: 25px;}
#custommenu ul.mainnav li.level0:hover > a, #custommenu ul.mainnav li.level0.active > a {border: 1px solid #CD2626;}

2. В main.css найдите:

.categories .item {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
}

замените на:

.categories .item {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	border: 1px solid #000;
}

далее найдите:

.categories .item .title {
	background: rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	color: #CD2626;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	max-width: 260px;
	max-height: 50px;
	overflow: hidden;
	line-height: 50px;
}

замените на:

.categories .item .title {
	background: rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	color: #CD2626;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	max-width: 260px;
	max-height: 50px;
	overflow: hidden;
	line-height: 50px;
	border-top: 1px solid #000;
}

3. В main.css найдите:

.categories .item {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	border: 1px solid #000;
}

замените на:

.categories .item {
	text-align: center;
	margin-bottom: 20px;
	display: inline-block;
	border: 1px solid #000;
	width: 19%;
}

далее найдите и удалите:

.Firefox .categories .item .title {
	width: 260px;
}

[titovgosha1]

Спасибо, все как надо, НО теперь в мобильной версии  появились недочеты.
это браузер гугл для андроид. это UC Browser

[Firefly]

titovgosha1 (03 Июнь 2016 - 11:12) писал:

Спасибо, все как надо, НО теперь в мобильной версии  появились недочеты.
Capture+_2016-06-03-11-03-50.pngэто браузер гугл для андроид. Capture+_2016-06-03-11-04-09.pngэто UC Browser

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

}
@media all and (max-width: 481px) {

Замените на:

.categories .item {margin: 0 auto 20px;width: 40%;display:block;}
}
@media all and (max-width: 481px) {

[status321]

Добрый вечер.Как сделать статичный каталог на главной шаблон Ночь.Спасибо

[stasia]

status321 (27 Апрель 2021 - 17:14) писал:

Добрый вечер.Как сделать статичный каталог на главной шаблон Ночь.Спасибо

Здравствуйте. Уточните номер Вашего аккаунта, спасибо.

[status321]

stasia (27 Апрель 2021 - 17:31) писал:

Здравствуйте. Уточните номер Вашего аккаунта, спасибо.

Аккаунт SL-529065

[stasia]

status321 (27 Апрель 2021 - 18:16) писал:

Аккаунт SL-529065

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

/* Верхняя часть шапки */
#header-top {background: #3f3f3f;height: 42px;}

Замените его на:  

/* Верхняя часть шапки */
#menu {padding-top: 50px;}
#header-top {background: #3f3f3f;height: 42px;position: fixed;width: 100%;z-index: 999;}

[status321]

Не работает.Нужно как на фото.

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

• 

[stasia]

status321 (27 Апрель 2021 - 19:45) писал:

Не работает.Нужно как на фото.

Карусель убрали, скрыв код в шаблоне main.js, правки Вам добавили:

// Каталог на главной
// jQuery(function($) {
// var carouselU = $('.categories.index');
// carouselU.owlCarousel({
// items: 4,
// pagination: true,
// itemsScaleUp : true,
// slideSpeed : 800,
// autoPlay: true,
// addClassActive: true,
// autoHeight: true,
// });
// });

[status321]

Отлично,спасибо!!!